什么是DIV高度塌陷?如何解决?

Willing卡卡 2022-03-07 21:33:26

高度坍塌:父级元素,未设置高度,子元素有浮动样式,此时,父元素的高度为0的情况。
解决方式:
1、父元素也设置浮动,在其同级的下一个元素上清除浮动,clear:both
2、使用overflow:hidden, zoom:1, overflow:hidden属性会强制父级元素扩大到包含浮动元素,zoom:1只是触发IE6的hasLayout模式,不会对其他浏览器产生影响。
3、使用**:after伪类清除浮动**
————————————————
版权声明:本文为CSDN博主「Lilio1216」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/var_deng/article/details/105035293

...全文
555 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
CSDN-Ada助手 2023-01-13
  • 打赏
  • 举报
回复
您可以前往 CSDN问答-前端 发布问题, 以便更快地解决您的疑问

171

社区成员

发帖
与我相关
我的任务
社区描述
移动开发者
其他 企业社区
社区管理员
  • csdnsqst0012
  • 坚果的博客
  • karina17
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧