what's the reason that the left ,right column always equal the center height.
- by enjoylife
this is the code. the css:
#content{overflow:hidden;}
.left{width:200px; margin-bottom:-200px;padding-bottom:200px; background:#cad5eb; float:left;}
.right{width:400px; margin-bottom:-200px; padding-bottom:200px; background:#f0f3f9; float:right; border:1px solid red;}
.center{margin:0 410px 0 210px; background:#ffe6b8; height:100px;}
HTML:
<div id="content">
<div class="left">hello</div>
<div class="right">right </div>
<div class="center">center</div>
</div>
what's the reason that the left ,right column always equal the center's height.