Html 绝对定位和改变固定高度

Html 绝对定位和改变固定高度,html,css,Html,Css,我正在与绝对和相对的位置,以获得这个项目的正确布局很多工作。正如你在我的小提琴中看到的,黑色背景的高度设置为固定高度,因为如果我不这样做,它将不会显示 我的问题是,是否有办法将这个高度设置为刚好填满窗户?因为有了固定的高度,你就有了一个滚动条或空白,我正试图避免 我的 HTML 不要使用高度,而是使用底部位置:并将位置更改为绝对 .box-bg { position: absolute; top: 270px; background: black; bottom:

我正在与绝对和相对的位置,以获得这个项目的正确布局很多工作。正如你在我的小提琴中看到的,黑色背景的高度设置为固定高度,因为如果我不这样做,它将不会显示

我的问题是,是否有办法将这个高度设置为刚好填满窗户?因为有了固定的高度,你就有了一个滚动条或空白,我正试图避免

我的

HTML


不要使用高度,而是使用底部位置:并将位置更改为绝对

.box-bg {
    position: absolute;
    top: 270px;
    background: black;
    bottom: 0;
    width: 100%;
}

不要使用高度,而是使用底部位置:并将位置更改为绝对

.box-bg {
    position: absolute;
    top: 270px;
    background: black;
    bottom: 0;
    width: 100%;
}

CSS视口高度可用于实现类似的功能,但它取决于您支持的浏览器:

而且,从小提琴上很难描绘出你想要达到的目标。你能解释一下吗


黑色区域可能只是身体背景色?

CSS视口高度可用于实现类似的效果,但这取决于您支持的浏览器:

而且,从小提琴上很难描绘出你想要达到的目标。你能解释一下吗


黑色区域可能只是身体背景颜色?

如果im正确,请将身体背景设置为黑色,这样它将适合整个窗口;如果未将html和身体设置为100%-gues高度,这应该可以工作如果im正确,请将身体背景设置为黑色,这样它将适合整个窗口;如果未将html和身体设置为100%-gues高度,这应该可以工作,谢谢,我没有考虑背景的绝对定位,一个非常适合的简单解决方案谢谢,我没有考虑背景的绝对定位,这是一个简单的解决方案,它是完美的,是的,我找到了一个解决方案,使用VH的高度,但它没有支持一些较旧的浏览器版本。问题的黑暗背景是,它必须开始在一些中间的内容框。我不认为这可以用一个纯色的背景位置来解决。是的,我找到了一个解决方案,使用VH的高度,但它没有支持一些较旧的浏览器版本。黑暗背景的问题是,它必须开始在一些内容框的中间。我不认为这可以通过使用背景位置的纯色来解决
.box-bg {
    position: absolute;
    top: 270px;
    background: black;
    bottom: 0;
    width: 100%;
}