[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