HTML/CSS-整个页面的100%高度，而不仅仅是当前屏幕_Html_Css

HTML/CSS-整个页面的100%高度，而不仅仅是当前屏幕

html css

HTML/CSS-整个页面的100%高度，而不仅仅是当前屏幕,html,css,Html,Css,所以，我知道这件事困扰了我之前的其他人，但我无法让它发挥作用。我目前正在一个以1000px宽度为中心的背景上工作，整个页面都应该使用这个背景。身高：100%；我可以让它填满整个屏幕，但是如果我有需要滚动的div，那么底部的背景就会丢失我搜索了互联网来解决这个问题，并找到了一系列解决方案，但似乎没有一个适合我。其中: 将身体位置更改为相对将正文和/或HTML更改为100%高度和100%最小高度（以及两者之间的每个组合）将我的div的位置更改为所有可用位置（绝对、固定、相对等）尝试在正文中

所以，我知道这件事困扰了我之前的其他人，但我无法让它发挥作用。我目前正在一个以1000px宽度为中心的背景上工作，整个页面都应该使用这个背景。身高：100%；我可以让它填满整个屏幕，但是如果我有需要滚动的div，那么底部的背景就会丢失

我搜索了互联网来解决这个问题，并找到了一系列解决方案，但似乎没有一个适合我。其中:

将身体位置更改为相对
将正文和/或HTML更改为100%高度和100%最小高度（以及两者之间的每个组合）
将我的div的位置更改为所有可用位置（绝对、固定、相对等）
尝试在正文中使用table，然后在div中使用table行
各种各样的溢出机会（我对在div中滚动不感兴趣）

还有更多

这是我的密码

HTML

现在先别管头菜单和包装纸了。关键是，如果/div one和two超过屏幕高度，则会出现滚动条，当我从signMenu向下滚动时，白色背景不再显示。我想让背景填充整个页面（无论多长时间都向下滚动），而不仅仅是特定的窗口大小，比如高度：100%

我希望这是有道理的。我对这有点陌生。提前谢谢

是否有理由

div_one

和

div_two

需要绝对位置？这将删除它们拉伸

标志菜单的能力，因为它们在自己的坐标系中进行渲染。删除绝对位置并浮动它们、使用flexbox渲染它们或使用表行将解决您的问题。我尝试将两个div的位置更改为相对位置并使用flexbox，但当我向下滚动时，signMenu的高度仍然只是窗口大小的高度（100%）而不是整个页面时/
<body>
    <div class="headerMenu">
        <div id="wrapper">
            something
        </div>
    </div>
    <div class="signMenu">
        <div class="div_one">
            something
        </div>
        <div class="div_two">
            something
        </div>
    </div>
</body>

html, body {
margin: 0;
padding: 0;
width: 100%;
height:100%; }

.signMenu {
padding-left: auto;
padding-right: auto;
width: 1000px;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: white;
height:100%; }

.div_one {
background-color: rgb(250, 250, 250);
height: 1250px;
width: 400px;
position: absolute;
top:105px;
left: 0px;
margin-left: 30px;
}

.div_two {
background-color: rgb(250, 250, 250);
height: 1200px;
width: 400px;
position: absolute;
top:120px;
right: 0px;
margin-right: 30px;
}