3.1章节:
块级元素对应的英文是:block-level element,常见的有div,li,table。但块级元素和“display-block”不是一个概念,比如li元素默认的display值为list-item,table的display默认值为table。但是他们均是块级元素,因为他们都符合块级元素的特征,即一个水平流上单独显示一个元素,多个块级元素则换行显示。正是由于块级元素有换行显示的特性,所以理论上它们都可以配合clear属性来清除浮动带来的影响。
比如:
.clear:after{ content:"", display: table | list-item | block clear:both; }
实际开发中,我们要么使用block要么使用table,并不会使用list-item.有如下三个原因:
1):书写方便。
2):会出现不需要的项目符号,问题不大,可以再加一行:list-style-type:none;即可
3):IE(包括IE11)浏览器不支持伪元素的display值为list-item。普通元素设置此属性有效,但伪元素无效。