CSS清除浮动方法大全

一、浮动产生的原因 子元素使用了 CSS 的 float 属性后，脱离了文档流，导致其父元素高度无法被撑开，从而引起父元素的某些 CSS 属性无法正常显示，同时导致后续元素的显示位置出现错位。 示例代码： 页面效果： 我们可以看到： ①父元素 out-box 没有被撑开；②父元素 out-box 后面的 p 元素也收到了影响。 二、解决方法 方法1：为父元素设置高度 .out-box { heig

>>阅读原文<<