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: enter image description here

#top_bar {     border-bottom: 1px solid #eff0f3;     position: absolute;     background-color: white;     top: 0px;     left: 200px;     right: 0px;     height: 70px; } 

Comments

Popular posts from this blog

facebook - android ACTION_SEND to share with specific application only -

python - Creating a new virtualenv gives a permissions error -

javascript - cocos2d-js draw circle not instantly -