<HTML>和<BODY>:为什么没有新行?

Leb*_*156 10 html line-breaks

所以我读了它<html>并且<body>是块级元素,就像<div><p>.

我知道块级元素开始一个新的行.

例如,aaa<div>b</div>ccc看起来像这样:

aaa
b
ccc
Run Code Online (Sandbox Code Playgroud)

那么,为什么不<html><body>两行添加到您的HTML页面的顶部?

Ben*_*n D 15

块级元素不会"开始新行"......它们只是无限扩展到两侧,直到击中容器元素或显示的侧面(width:100%)...因此,它们具有"推动"的效果低于它们的任何其他内容,或低于它们之前的任何内联内容.它还意味着块级元素只会"压低"兄弟级元素.

<html><body>元素没有兄弟姐妹,只有孩子,所以他们不需要取代任何东西.

以下是正在发生的事情的图形表示: 在此输入图像描述

鉴于此标记:

<html>
<head></head>
<body>
  <div>&nbsp;</div>
  <div>&nbsp;</div>
  <div style='width:45%; float:left;'>
    <div>&nbsp;</div>
  </div>
  <div style='width:45%; float:left;'>&nbsp;</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)