专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

什么是元素塌陷_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 4:21:06       共计:3588 浏览

什么是元素塌陷?

所谓父元素高度坍塌

是指:当父元素没有设置高度而子元素设置高度,在子元素没有设置浮动的情况下,此时父元素因为包含子元素,也具有了高度,而当子元素设置浮动后,因为脱离了文档标准流,父元素不具有高度了(这应该就是元素崩塌)。

塌陷具有零高度的意思应该是:没有height值,子元素又是浮起来的,那么后面再来个div2的话就会占用div1的位置,当然div1浮动的子元素会飘在div2上面,这样会对布局有影响,且父元素div1的样式无法显示。消除这种影响,有以上三种方法,1,设置个height为0的div,这样等于阻止了div2去占用div1的位置。2,为div设置一个class="clearfix"的类,然后统一对.clearfix进行样式设置,这样做的好处是,你需要时就为它添加一个class="clearfix"。3.好理解,没高度给他个高度就撑起来了不是?

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:wps文字表格拉不动什么原因_CSS学习 | ·下一条:口袋妖怪黑白2单说加强水技的道具有_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有