Html 显示滚动时，宽度100%剪切元素_Html_Css

Html 显示滚动时，宽度100%剪切元素

html css

Html 显示滚动时，宽度100%剪切元素,html,css,Html,Css,我有一个带有水平条的简单页面，应该和文档页面一样长。问题是，当我将浏览器窗口的大小调整到主体的最小高度以上时，滚动文档时部分栏不会显示搜索其他类似的问题，我发现可以通过将body style的边距和填充设置为0px来解决这个问题在我的例子中，如果我从该条的css中删除position:absolute，它就会起作用。我如何解决这个问题，并保持酒吧绝对定位我需要使用绝对定位，因为我有一个div元素用于背景图像，它占据了页面的100%（垂直和水平）。如果我将条放在div元素之后，它就不会保持在

我有一个带有水平条的简单页面，应该和文档页面一样长。问题是，当我将浏览器窗口的大小调整到主体的最小高度以上时，滚动文档时部分栏不会显示

搜索其他类似的问题，我发现可以通过将body style的边距和填充设置为0px来解决这个问题

在我的例子中，如果我从该条的css中删除position:absolute，它就会起作用。我如何解决这个问题，并保持酒吧绝对定位

我需要使用绝对定位，因为我有一个div元素用于背景图像，它占据了页面的100%（垂直和水平）。如果我将条放在div元素之后，它就不会保持在原位

<style type"text/css">

html, body
{  
    width: 100%;
    min-width:500px;
    height: 100%;
    min-height:700px;
    margin:0px;
    padding: 0px;  
}

#red {
    position:absolute;
     top:100px;
     width:100%;
     min-width:100%;
     height:37%;
     min-height:300px;
     max-height:330px;
     background: rgb(0,0,0);
     margin: 0px;
    padding: 0px;
}

#background
{
    position:fixed;
     width:100%;
     height:100%;
     background: rgb(56,54,0);
     margin: 0px;
     padding: 0px;
}

</style>

<body>

<div id="background"></div>
<div id="red"></div>

</body>
</html>


html，正文
{  
宽度：100%；
最小宽度：500px；
身高：100%；
最小高度：700px；
边际：0px；
填充：0px；
}
#红色的{
位置：绝对位置；
顶部：100px；
宽度：100%；
最小宽度：100%；
身高：37%；
最小高度：300px；
最大高度：330px；
背景：rgb（0,0,0）；
边际：0px；
填充：0px；
}
#背景
{
位置：固定；
宽度：100%；
身高：100%；
背景：rgb（56,54,0）；
边际：0px；
填充：0px；
}

您可以在css中使用

位置：相对
绝对值
和相对值

绝对：元素相对于其第一个定位（非静态）的祖先元素进行定位。

相对：元素相对于其正常位置定位，因此“left:20”会在元素的左侧位置添加20个像素。

有关位置的详细信息
打开或
如果希望背景图像覆盖身体的100%，请添加
background-image: url(../yourImageHere.jpg) 

转到页面主体的css并删除#background
div
您不需要将html和正文宽度和高度设置为100%，因为它们默认为100%。根据您的需要，我将css整理如下：
html, body    {  
    margin:0px;
    padding: 0px;
    background-image: url(../yourImageHere.jgp)  
}

#red {
     position:absolute;
     top:100px;
     left:0;
     width:100%;
     min-height:300px;
     max-height:330px;
     background: rgb(0,0,0);
     margin: 0px;
     padding: 0px;
}

有必要使用相对的吗？对于不考虑嵌套元素的所有项目，我最容易使用绝对值。除非您想声明绝对长度，否则对μ红色的最小宽度规则是不必要的。