我已经了解了display
和float
,但就像<a>
已经是内联块,例如:http://jsfiddle.net/CDe6a/1834/
但是<p>
元素不是,我不明白这一点;代码是:
#parent {
border: solid 5px red;
}
.child {
border: solid 1px black;
float: left;
}
<div id="parent">
<a href="">he</a>
<a href="">he</a>
<a href="">he</a>
<p>
a
</p>
<p>
a
</p>
</div>
例如,如您所见,这是内联的。
每个 HTML 元素都有一个默认的显示值,具体取决于它是什么类型的元素。大多数元素的默认显示值为块或内联。<a>
的默认值为display: inline
,<p>
的默认值为display: block
。
您可以在此处查看更多信息: https://www.w3schools.com/html/html_blocks.asp