css - Responsive header with dropdown menu: height and overflow -


I need a sensitive header, which changes the height based on the screen resolution and the wrapping of the elements. As the screen shrinks, the menu wraps under my logo (which is desirable) and the height of the header is rising. Obviously, I have set the properties of the header for height: auto and overflow: hidden and they will do the trick.

The problem is: I'm using a dropdown menu height: auto and overflow: hidden instead of a fixed height for the header Using the dropdown item well ... is definitely hidden.

My question is now: what is the best way to solve it? Prefer the solution with pure CSS.

Use a clear-fix instead of overflow hides, you want to clear the float, and actually Read about this here:

  & lt; Header class = "clear-right" & gt; & Lt; / Header & gt;   

If you use a preprocessor, then there are more elegant ways.

 . cleaner-fix: first, .clear-fix: {content: ""; / * 1 * / display: table; / * 2 * /}. Clean-fix: after {clear: both; }   

Need help here

Comments

Popular posts from this blog

c# - passing input text from view to contoller with FacebookContext using Facebook app -

ios - Does Core Data autoupdate a many to many relationship on saving -

Calling a C++ function from C# by passing a string with variable size to it -