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

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -