CSS属性宽度：100％;使页面更长

Question

我有一个完全简单的布局，在页面中只有一个银色背景和红色DIV，可以在下面的图像上看到。我的问题是，当我将红色DIV添加到我的布局页面时，页面的长度超过100％（右下角的底部 - 滑块）。哪里可能是造成这种情况的问题？

红色DIV的CSS属性是：

html, body {
   background-color: silver;
   margin: 0;
   padding: 0;
 }

.red-div {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

Answer 1

.red-div {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right:0; /* This is what you need */
}

这样，您可以强制它转到浏览器的末尾。当您执行100％时，您不考虑滚动条。这会增加额外的空间，从而增加烦人的侧滚动