Question

我有一个网页，身体底部有大量未使用的空间，我无法摆脱。

身体内容不能100％填充外体。

我尝试过大多数尝试来解决这个问题，但没有任何作用 - 包括将html，body设置为height: 100%，将body设置为min-height: 100%。

我还将身体内容设为100％，但内容不会填满身体。希望有人可以提供帮助！

html, body{
        margin: 0;
        padding: 0;
        height: 100%;
    }

    html {

        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    body {
        background-color: #3BB9C5;
        position: absolute;
        min-height: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

Answer 1

body, html{
margin: 0;
padding: 0;
widht: 100%;
height: 100%;
}
body{
background: #3BB9C5;
}
div{

    height: 100%;
}

<div>sample text</div>

这应该有帮助

Answer 2

从position: absolute移除html。如果可能，删除整个：

html {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

Answer 3

在使用chrome浏览器时，这总是发生在我身上。即使我尝试在编辑器上编辑代码并尝试刷新页面，它似乎也不起作用。但是，如果您清除浏览器的缓存并重新加载页面，它将神奇地将更改应用于代码。

有趣的是，我最近才弄清楚如何在chrome上禁用缓存。因此，如果只需按 F12 并在Chrome上打开 Developer工具，然后转到 Network标签，然后选中 Disable Cache < / strong>

Answer 4

你应该尝试输入你的CSS：

body {
  margin: 0px;
  padding: 0px;
}

或在你的HTML中

<body style="margin:0px; padding:0px;"></body>

这可以解决问题。

Div内部不填充100％

4 个答案: