javascript - 如何让div以100%的宽度和高度填充其容器？

Question

这个问题已经有答案了:

Make a div fill the height of the remaining screen space (42 个回答)

已关闭 7 年前。

我正在创建一个文本编辑器，并且正在调整我的 div 的大小。不幸的是，它并没有占据整个页面。它的width和height设置为100% 。这是 CSS:

html, body {
    position:absolute;
    z-index:1;
    top:0px;
    left:0px;
}

如果您想查看该页面，可以查看here 。非常感谢大家的帮助。

Answer 1

它没有占据整个高度的原因是因为父对象很可能不是您想要的 100%。将以下代码放置在容器样式之前:

 html,body{
width: 100%;
height: 100%;
}