所以我读了它<html>并且<body>是块级元素，就像<div>and一样<p>。
我知道块级元素开始一个新行。
例如aaa<div>b</div>ccc看起来像这样：
aaa
b
ccc
那么，为什么不在html 页面<html>的<body>顶部添加两行呢？
问问题
2186 次
4 回答
15
块级元素不会“开始新行”......它们只是无限期地扩展到两侧，直到命中容器元素或显示的两侧（width:100%）......因此，它们具有“推动”的效果任何其他低于它们的内容，或低于它们之前的任何内联内容。这也意味着块级元素只会“下推”兄弟级元素。
<html>并且<body>元素没有兄弟姐妹，只有孩子，所以他们不需要置换任何东西。
这是正在发生的事情的图形表示：
鉴于此标记：
<html>
<head></head>
<body>
<div> </div>
<div> </div>
<div style='width:45%; float:left;'>
<div> </div>
</div>
<div style='width:45%; float:left;'> </div>
</div>
</body>
</html>
于 2013-02-28T04:30:15.763 回答
2
这样想：
<div>
<div>Text</div>
</div>
只有一行文字：
文本
这就像正文中有任何文本的情况一样：
<html>
<body>Text</body>
</html>
当文本在子元素中时，不会引入新行。
于 2013-02-28T04:35:16.023 回答
0
它们是定义页面的块元素。浏览器控制他们想要如何查看它。您可能会发现一些糟糕的浏览器<body>通过添加新行来显示（这是可能的）。但是，您的主要重点是将<body>and<html>标签视为在屏幕上显示所有内容的标签。我还想补充一点，您可以使用标签来完全适应浏览器屏幕
body {padding:0;margin:0;}
希望这可以帮助。
于 2013-02-28T04:38:28.943 回答
0
Block level elements by default (i.e., when CSS is not used to change this) imply line breaks before and after. They do not imply empty lines.
So when you have <div>foo</div>, then “foo” appears at the start of a new line, and it also ands a line, i.e. any text after it is on the next line. But this does not mean creating empty lines. If you have <div>foo</div><div>bar</div>, then “foo” and “bar” appear on consecutive lines, with no empty line between them.
这样的html元素不会生成可见内容；仅显示其中的body元素。并且body内容从页面的开头开始，这被视为从新行开始。有无<body>标签无关紧要；总是有body元素，它从第一行开始。
于 2013-02-28T05:59:05.737 回答