CSS容器div高度没有提高

小编典典

css

我希望我的容器div获得其子代高度的最大值。不知道孩子div的身高。我正在尝试使用JSFiddle。容器div为红色。没有出现。为什么？

阅读 334

2020-05-16

共1个答案

小编典典

添加以下属性：

.c{
    ...
    overflow: hidden;
}

这将迫使容器尊重其中所有元素的高度，而不考虑浮动元素。

最近，我正在一个需要此技巧但需要允许溢出显示的项目中工作，因此，您可以使用伪元素清除浮动，从而有效地实现相同的效果，同时允许所有元素上的溢出。

.c:after{
    clear: both;
    content: "";
    display: block;
}

2020-05-16