html - How to grow side bar adjust the center -
<html> <head> <title> learning css </title> <style type="text/css"> #header { padding:1px; margin:1px; border:1px solid #808080; text-align:center; height:100px; background-color:#804040; } .clear { float:none; clear:both; } #wrapper { width:700px; margin:0 auto; border:1px solid #808080; padding:2px; clear:both; overflow:hidden; } #body_left { display:block; height:100%; position:relative; width:130px; float:left; border:1px solid #808080; margin-right:2px; } #body_center { position:relative; width:430px; float:left; border:1px solid #808080; background-color:#ffa980; } #body_right { position:relative; width:130px; float:left; border:1px solid #808080; margin-left:2px; } #footer { padding:1px; margin:1px; border:1px solid #808080; text-align:center; } </style> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="body_left"> </div> <div id="body_center">center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br /> center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br /> center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br /> center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br /> center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br /> center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br /> center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br />center<br /></div> <div id="body_right"> </div> <div class="clear"></div> <div id="footer"> </div> </div> </body>
when use height 100% in body_left, still not right answer. please me
i think looking :)
Comments
Post a Comment