Question

我有一个问题，我有一些我指定为100％的宽度属性的元素。

这几乎一直都有效。但是，当我调整浏览器窗口大小以使您现在必须滚动到页面的右侧以查看整个页面时，我注意到div仅扩展到最初在浏览器中的内容观景区。

我觉得这似乎有道理，但如果用户决定向右滚动，那看起来真的很奇怪。这有什么办法吗？我看到this回答，但我想知道是否有另一种不使用表格的解决方案？

#header {
    height: 115px;
    width: 100%;
    background-color: #CDC1C5;
}

Answer 1

确保您的body和html代码也延长了100％。

试试这个：

<强> CSS

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

.box {
    width:100%;
    height:200px;
    background-color:#000;
    color:#fff;
}

<强> HTML

<div class="box">
    box content
</div>

Answer 2

喜欢andres说，确保他们的身体和任何容器div都设置为100％，并确保边距设置为0，margin:0 auto我偶尔会忘记这样做，如果失败你也可以做到它是一个“黑客”和绝对位置：dividname {position:absolute; top:0; left:0; width:100%;}如果这不起作用并且你正在建立现场然后给我发送一个链接，否则如果可能的话给我发一个屏幕截图。

Answer 3

与正确答案无关，有时它与正文或 div 本身无关，但可能是一个完全不相关的元素，如果是这种情况，通常让我发现，只是简单地评论正文中的所有 html标签。只留下我想检查的div

指定100％宽度时，div不会一直延伸到页面末尾

3 个答案: