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

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

如下

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

此时发现容器没有高度。

 

修改后

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

修改后显示正常。

 

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

posted @ 2020-05-13 11:42  可达鸭给我冲鸭  阅读(660)  评论(0编辑  收藏  举报