和:为什么没有新的行?

前端之家收集整理的这篇文章主要介绍了和:为什么没有新的行?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我读到< html>和< body>是块级元素,就像< div>和< p>.

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

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

aaa
b
ccc

所以,为什么< html>和< body>添加两行到您的html页面顶部?

解决方法

块级元素不会“开始新行”…它们只是无限期地扩展到双方,直到命中一个容器元素或显示的两边(宽度: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>

猜你在找的HTML相关文章