[toc] ## 什么是塊級元素 塊級元素，即`block-level element`，也被稱之為**塊級盒子**，需要滿足如下標準 一行只能有一個塊級元素，多個塊級元素必須換行顯示。 ## 塊級元素與dispay:block 塊級元素和`display:block`不是一個概念，`display:table`和`display:list-item`都是塊級元素。 So，塊級元素的定義在于它是否是一行只能存在一個。 ## 塊級元素與clear 因為塊級元素具有"換行特性"，So它正好能配合`clear`屬性來清楚浮動。 因為clear的官方解釋是：元素盒子的邊不能和**前面**的浮動元素相鄰 So，只是前面的浮動元素，那后面的浮動元素怎么辦呢？這時塊級元素的**換行特性**正好就配上用場了。 塊級元素本來會無視前面的浮動元素，但如果設置了clear屬性則會和前面的浮動元素換行，并且由于浮動元素不會無視塊級元素，So塊級元素的后面縱使是浮動元素也會換行顯示。