Html 绝对div不占身体的100%

我正在努力使我的

绝对
红色div达到全身高度。但是由于
other

div，他的身体似乎比他应该达到的高度要短得多

HTML

---

您可以使用此

jQuery

code将元素放入主体中

$(document).ready(function(){
    var bodyHeight = $(window).height();
    $('your element').height(bodyHeight);
});

演示

$（文档）.ready（函数（）{
var bodyHeight=$（窗口）.height（）；
$（'html，body'）。高度（bodyHeight）；
});
html，正文
{
保证金：0；
}
.腹肌
{
背景色：红色；
身高：100%；
宽度：100%；
位置：绝对位置；
排名：0；
左：0
}
.其他
{
身高：100%；
宽度：100%；
边框：纯黑3px；
框大小：边框框；
}
.toCenter
{
高度：600px；
宽度：600px；
}


试试这个

亲爱的如果要将绝对位置设置为div，则必须将相对位置设置为parent div，如果没有parent div，则还可以将相对位置设置为body。

因为绝对位置有时取决于父元素的位置

body{
  position : relative;
}
.abs
{
    background-color:red;
    height:100%;
    width:100%;
    position:absolute;
}

宽度
和
高度
属性可以替换为
顶部
、
左侧
、
右侧
和
底部
规则：

.ans {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

这应该行得通，这是我在代码中经常使用的方法。请注意，div将不再填充父级，而是填充整个页面。
如果您添加
位置：固定
而不是
位置：绝对div将继续滚动页面。它可能会得到您想要的结果。
将.abs div的高度和宽度增加到1000%。还有，为什么要使用div来获取背景呢？只需将背景放在主体上即可。如果添加
位置：固定
而不是
位置：绝对div将继续滚动页面。这可能会让你得到你想要的结果。@IvankaTodorova就是这样，你比你更能解决我的问题：）
body{
  position : relative;
}
.abs
{
    background-color:red;
    height:100%;
    width:100%;
    position:absolute;
}

.ans {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}