我无法区分 display: block;
和 display: table;
之间的差别。例如,当编写 clearfix 时,以下两个 CSS 规则似乎行为相同:
使用
display: block;
.clearfix:after {
content: "";
display: block;
clear: both;
}
<div class="clearfix">
<div style="float: right">Sidebar</div>
</div>
<p>
Content
</p>
display: table;
.clearfix:after {
content: "";
display: table;
clear: both;
}
<div class="clearfix">
<div style="float: right">Sidebar</div>
</div>
<p>
Content
</p>
那么我的问题是:display: block; 和 display: table; 有什么区别?