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 The problem is: I'm using a dropdown menu 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: If you use a preprocessor, then there are more elegant ways. Need help here height: auto and
overflow: hidden and they will do the trick.
overflow: hidden instead of a fixed height for the header Using the dropdown item well ... is definitely hidden.
& lt; Header class = "clear-right" & gt; & Lt; / Header & gt;
. cleaner-fix: first, .clear-fix: {content: ""; / * 1 * / display: table; / * 2 * /}. Clean-fix: after {clear: both; }
Comments
Post a Comment