我的页面结构为:
<div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div>
现在,child-leftDIV将具有更多内容,因此parentDIV的高度将根据子DIV的增加而增加。
child-left
parent
但是问题是child-right身高没有增加。如何使它的高度等于父代的高度?
child-right
对于parent元素,添加以下属性:
.parent { overflow: hidden; position: relative; width: 100%; }
然后针对.child-right这些:
.child-right
.child-right { background:green; height: 100%; width: 50%; position: absolute; right: 0; top: 0; }