[toc] ## 什么是块级元素 块级元素，即`block-level element`，也被称之为**块级盒子**，需要满足如下标准 一行只能有一个块级元素，多个块级元素必须换行显示。 ## 块级元素与dispay:block 块级元素和`display:block`不是一个概念，`display:table`和`display:list-item`都是块级元素。 So，块级元素的定义在于它是否是一行只能存在一个。 ## 块级元素与clear 因为块级元素具有"换行特性"，So它正好能配合`clear`属性来清楚浮动。 因为clear的官方解释是：元素盒子的边不能和**前面**的浮动元素相邻 So，只是前面的浮动元素，那后面的浮动元素怎么办呢？这时块级元素的**换行特性**正好就配上用场了。 块级元素本来会无视前面的浮动元素，但如果设置了clear属性则会和前面的浮动元素换行，并且由于浮动元素不会无视块级元素，So块级元素的后面纵使是浮动元素也会换行显示。