Question

我正在尝试创建一个网站，其左侧是“panel div”，右侧是“content”div，两者都包含在<body>中，我希望它们动态地将高度扩展到大小的窗口。问题是，当我使用html,body{height:100%}时，会出现一个滚动条。我对于发布我正在做的事情的完整代码犹豫不决，但它仍然是通过剥离来实现的：

    <!DOCTYPE HTML>
    <HTML>
      <HEAD>
        <STYLE>
          html, body {height:100%}
        </STYLE>
      <BODY>
      </BODY>
    </HTML>

所以我认为我所做的一切都不会搞砸......

我会根据要求提供更多信息。

Answer 1

默认情况下，

<body>在其周围有8个像素的边距，超出100%高度。

你需要删除它。

Answer 2

HTML / BODY标准填充/边距正在进行

尝试：

  <!DOCTYPE HTML>
<HTML>
  <HEAD>
    <STYLE>
      html, body {height:100%;
        margin:0;
        padding:0;}
    </STYLE>
  </HEAD>
  <BODY>
  </BODY>
</HTML>

Answer 3

将以下属性添加到您的身体：

margin: 0px;
padding: 0px;

为什么html，body {height：100％}导致滚动条出现？

3 个答案: