子div有高度,父div高度为0的解决方法

Posted 芜独独

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了子div有高度,父div高度为0的解决方法相关的知识,希望对你有一定的参考价值。

问题

有的时候我们会遇到子div有高度,父div高度为0的情况

错误原因

子元素设置了 float属性

解决方法

添加一个清除浮动的类

<div class="clear"></div>
.clear
        clear: both;
    

以上是关于子div有高度,父div高度为0的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

子DIV浮动(float)后父DIV高度自动失效解决方案

CSS - 高度坍塌和外边距溢出问题及解决方法

两个DIV,父元素相对定位没有设置高度,子元素绝对定位高度随内容变化,此无法撑开父DIV

内层div使用了float的css样式之后,外层div高度始终为0,解决方法

子元素浮动,父元素高度为0现象解释和原理浅见

内层div使用了float的css样式之后,外层div高度始终为0,解决方法