[TOC] ## 案例1：消除浮动带来的影响  > 1. 在浮动元素末尾增加空标签div或br（不建议） ```<div style="clear:both"></div>``` > 2. 给父级添加：overflow为 hidden | auto | scroll > 3. 给父元素添加display：*display: table-cell;**display: table;* > 4. 使用伪元素清除浮动  # BFC ## 案例2：使用BFC使文字和浮动元素不产生交集  ## 案例3：消除图片与容器之间的缝隙  > 1. 修改对齐方式 > 2. 修改图片为块级元素 ## 案例4：未知高度-单行/多行文本居中  ## 案例5：将div水平放置并消除缝隙  > 1. div左浮动，但是需要消除浮动带来的影响 > 2. div的父元素font-size:0px