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

发布于 2024-12-29 07:39:25 字数 408 浏览 0 评论 0原文

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

image is here

原文

I have a totally simple layout, in the page is only a silver background and the red DIV, as is possible to see on the image below. My problem is, that when I add the red DIV into my layout page, the page is longer on the length than 100% (bottom on the right corner - slider). Where could be a problem that caused this?

The CSS properties of the red DIV are:

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

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

image is here

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

水波映月 2025-01-05 07:39:25

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

这样，您可以强制它转到浏览器的末尾。当您执行 100% 时，您无需考虑滚动条。这增加了额外的空间，从而增加了烦人的横向滚动

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

That way, you can force it to go to the end of the browser. When you do 100%, you do not account for the scrollbars. Which add the extra space and thus the annoying side-scroll

回复收藏 0 原文

~没有更多了~