CSS属性宽度：100%；使一页更长

我有一个完全简单的布局，在页面上只有一个银色的背景和红色的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;
}

---

这样，您可以强制它转到浏览器的末尾。当你做100%时，你不需要考虑滚动条。这会增加额外的空间，从而增加恼人的侧滚动

您能提供更多的代码吗？你给我们的效果很好：

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