HTML解决浮动塌陷的方法(html中浮动代码)

HTML解决浮动塌陷的方法(html中浮动代码)

技术教程gslnedu2025-07-10 16:50:095A+A-

什么是浮动塌陷?

当子元素设置浮动时,父元素中所有孩子盒子都是float,则父容器的高度为0。

1.在父亲盒子中的最下边添加一个空div盒子,并设置clear为相应的值,如果不清除塌陷,那么父元素高度为0,给ul设置高度就没有效果。

clear常见取值如下:

left:清除左侧浮动引起的塌陷;

right:清除右侧浮动引起的塌陷;

both:清除左右两侧浮动引起的塌陷。

2.

点击这里复制本文地址 以上内容由朽木教程网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
qrcode

朽木教程网 © All Rights Reserved.  蜀ICP备2024111239号-8