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范围内都可以保持一致,可以设置更高。

上一篇:stylus选中hover元素的兄弟元素下的子元素


下一篇:当fixed元素相互嵌套时,父元素会影响子元素的层叠关系,最好不要嵌套使用fixed