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


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

如下

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

此时发现容器没有高度。

 

修改后

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

修改后显示正常。

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM