Css 元素宽度为页面的100%（非浏览器窗口）
编辑：为了简单起见，我将覆盖问题（见下面的背景）缩小到了div的宽度。然而，通过这样做，我产生了一个不同的、有点人为的问题。公认的答案解决了我真正的问题。“减少”的问题在那里没有得到解决 如何使div的宽度等于页面宽度的100%？（未设置固定Css 元素宽度为页面的100%（非浏览器窗口）,css,width,Css,Width,编辑：为了简单起见，我将覆盖问题（见下面的背景）缩小到了div的宽度。然而，通过这样做，我产生了一个不同的、有点人为的问题。公认的答案解决了我真正的问题。“减少”的问题在那里没有得到解决 如何使div的宽度等于页面宽度的100%？（未设置固定最小宽度） 看起来，解决方案微不足道的宽度为100%时，它本身就可以了。除非您将浏览器窗口缩小到页面宽度以下（此时会出现滚动条），否则这一切正常。然后元素的宽度等于窗口大小，而不是页面大小 关于演示代码的说明：第一个div模拟页面宽度。下面的div是我在整个
最小宽度）
看起来，解决方案微不足道<代码>
的宽度为100%时，它本身就可以了。除非您将浏览器窗口缩小到页面宽度以下（此时会出现滚动条），否则这一切正常。然后
元素的宽度等于窗口大小，而不是页面大小
关于演示代码的说明：第一个div模拟页面宽度。下面的div是我在整个页面上实现元素宽度的尝试。如果页面足够大（超过500px），则会按预期呈现整个页面。但是如果缩小窗口（低于500px）并显示滚动条，那么div也会缩小，尽管我希望它们保持在500px
这是代码，如果您愿意，也可以查看
/*只需查看元素的大小即可*/
div{
边框：1px纯红；
}
/*这将模拟实际页面内容的宽度*/
分区#固定{
宽度：500px；
}
分区#满1{
宽度：100%；
}
分区#满2{
宽度：100%；
最小宽度：100%；
}
第3分区{
位置：相对位置；
显示：内联块；
宽度：100%；
}
/*这很好，但使用固定大小的最小宽度，我不能使用*/
div#fullOK{
宽度：100%；
最小宽度：500px；
}
宽度固定为500px
下面的div是尝试实现100%的宽度，尽管滚动。仅当窗口宽度大于500px时，所有操作均有效。
违约
仅宽度100%
宽度和最小宽度100%
想法枯竭
固定最小宽度是唯一有效的（但对我来说不可用）
使用位置：固定
覆盖。滚动并不重要，因为固定的元素将相对于视口定位它们自己<代码>高度：100%宽度：100%*{
保证金：0；
填充：0；
字号：1.5em；
}
身体{
背景：白色；
}
.掩护{
位置：固定；
身高：100%；
宽度：100%；
背景：rgba（255,0,0,0.7）；
}
我被重叠了！
位置：固定。滚动并不重要，因为固定的元素将相对于视口定位它们自己<代码>高度：100%宽度：100%*{
保证金：0；
填充：0；
字号：1.5em；
}
身体{
背景：白色；
}
.掩护{
位置：固定；
身高：100%；
宽度：100%；
背景：rgba（255,0,0,0.7）；
}
我被重叠了！
位置：固定。滚动并不重要，因为固定的元素将相对于视口定位它们自己<代码>高度：100%宽度：100%*{
保证金：0；
填充：0；
字号：1.5em；
}
身体{
背景：白色；
}
.掩护{
位置：固定；
身高：100%；
宽度：100%；
背景：rgba（255,0,0,0.7）；
}
我被重叠了！
位置：固定。滚动并不重要，因为固定的元素将相对于视口定位它们自己<代码>高度：100%宽度：100%*{
保证金：0；
填充：0；
字号：1.5em；
}
身体{
背景：白色；
}
.掩护{
位置：固定；
身高：100%；
宽度：100%；
背景：rgba（255,0,0,0.7）；
}
我被重叠了！