为什么我们需要内联框/内联元素而不是块级框/元素？

Question

我的意思是，如果所有元素都是块级的，那么可能会有更简单的学习方法。那么，为什么我们需要这种盒子/元素？

Answer 1

与inline和inline-block元素相反，块级元素不能彼此相邻放置。

示例：

<div style="display:block;width:40px">Up</div>
<div style="display:block;width:40px">Down</div>

<div style="display:inline-block">Left</div>
<div style="display:inline-block">Reft</div>

<div style="display:inline">left</div>
<div style="display:inline">right</div>

Answer 2

如果所有标记都被视为块级元素，则以下代码段为：

<div>This is a <a href=".">link</a>, you can <b>click</b> it.</div>

在浏览器中会显示如下：

相应的代码：

<div>This is a <a href="." style="display:block">link</a>, you can <b style="display:block">click</b> it.</div>

编辑：顺便说一句，如果您只需要处理块元素，只需使用CSS重置HTML：* { display:block}