当div内所有元素都是浮动的时候，让容器(div)自动适应高度

分类: IT文章 • 2022-05-25 22:33:11

当内部元素全部使用浮动的时候，div不会自动适应高度

如下

.Professional_box{/*此时div不会自动适应高度*/
     100%;
    height: auto;
}

此时发现容器没有高度。

修改后

.Professional_box{
     100%;
    height: auto;
    overflow:auto;
    zoom:1;
}

当div内所有元素都是浮动的时候，让容器(div)自动适应高度

修改后显示正常。

所以容器内全部使用浮动，需要给父类标签添加overflow:auto;和zoom:1;即可。