javascript - Width of div taking all remaining width -
i trying put top bar on right of left menu. put width: 100%
of #top_bar
there big. top bar take remaining space of screen.
html:
<body> <div id="menu_left"></div> <div id="top_bar"></div> </body>
css:
#menu_left { background-color: #354052; position: fixed; height: 100%; float: left; width: 200px; } #top_bar { border-bottom: 1px solid #eff0f3; position: absolute; background-color: white; left: 200px; height: 70px; width: 100%; }
result:
#top_bar { border-bottom: 1px solid #eff0f3; position: absolute; background-color: white; top: 0px; left: 200px; right: 0px; height: 70px; }
Comments
Post a Comment