小编典典

CSS-将浮动子级DIV高度扩展到父级的高度

html

我的页面结构为:

<div class="parent">
    <div class="child-left floatLeft">
    </div>

    <div class="child-right floatLeft">
    </div>
</div>

现在,child-leftDIV将具有更多内容,因此parentDIV的高度将根据子DIV的增加而增加。

但是问题是child-right身高没有增加。如何使它的高度等于父代的高度?


阅读 412

收藏
2020-05-10

共1个答案

小编典典

对于parent元素,添加以下属性:

.parent {
    overflow: hidden;
    position: relative;
    width: 100%;
}

然后针对.child-right这些:

.child-right {
    background:green;
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
2020-05-10