参考:分享:CSS深入理解之float浮动 一:float设计初衷 即是为了实现文字环绕效果 包裹:BFC(块级格式化上下文) 破坏:容器被破坏,父元素高度塌陷(标准, 二:清除浮动(带来的影响) 1:方法一,在底部插入clear:both clear:html block 水平元素底部 css after 伪元素 2:方法二,BFC/haylayout 3:clear与margin重叠 三:浮动与流体布局 尽量少用flaot实现砖头布局,浮动用于流体布局 四:float兼容性