css - Floating Menu Variable Width -
I'm trying to explain how the floating navigation bar on the left side of the content is fixed, around which the width is certain There is a container that extends to the edge of the viewport, while keeping the content centered on the page.
And even what I'm doing so far and what do I mean?
Any help or idea?
found a solution.
& lt; Html & gt; & Lt; Top & gt; & Lt; Style type = "text / css" & gt; Html, body {height: 100%; Minimum width: 960px;} Container {width: 960px; Height: 100%; Margin: 0 auto; Background: #ddd; } .nav-fix {status: absolute; Left: 0; Width: 50%; Minimum width: 480px; Height: 100%;} .nav {position: absolute; Top: 100px; Correct: 280px; Width: 9999px; Height: 200 pixels; Background: # 333; } .nav-box {status: absolute; Top: 10px; Correct: 10px; Width: 180px; Height: 180 pixels; Background: # aaa; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "nav-fix" & gt; & Lt; Div class = "nav" & gt; & Lt; Div class = "nav-box" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "container" & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;
Comments
Post a Comment