Question

我注意到将html和body身高设置为100％，身体的宽度似乎自动设置为100％（即使它没有出现在css规则中），为什么？

<html>
  <head
    <title>full screen</title>
    <style>
    html, body{
       margin: 0;
       height: 100%;
       background-color: rgb(200,50,50);
    }
    </style>
  </head>
  <body>

  </body>
</html>

http://jsbin.com/wocini/1/edit?html,css,output

Answer 1

将这些元素的高度设置为任何值（甚至根本不设置它）不会改变它们的宽度，默认情况下它是100％，因为它们是block个元素。

您可以通过检查浏览器中的任何HTML页面并在这些元素中查找由display: block;（您的浏览器）定义的属性user agent stylesheet来验证这一点。

为什么将身高设置为100％会自动将宽度设置为100％？

1 个答案: