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

Question

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

Answer 1

如果所有的标签将被视为块级元素，下面的代码片段：

<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> 

编辑：顺便说一下，如果有需要你处理块级元素而已，只是重置HTML使用CSS：* { display:block}

Answer 2

块级元素不能相邻放置，与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>