css控制父元素下的子元素自适应高度,且高度一致
css代码:
.wrap{width:600px;margin:0 auto; overflow:hidden;}
.left{background:#ccc;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;}
.right{background:#eee;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;}
html 代码:<div class="wrap"><div class="left">左侧</div>< div class="right">右侧<br />右侧<br />右侧<br />右侧< /div></div>
说明:通过控制margin-bottom:-10000px;padding-bottom:10000px;这个样式,达到左右高度一致,实际上两边的高度在10000px范围内都可以保持一致,可以设置更高。