如何使一个div填充100％宽度和高度的容器？

2018-07-01 15:30:58

这个问题在这里已经有了答案：

让div填充剩余屏幕空间的高度31个答案

它不占据整个高度的原因是因为父母对象很可能不是100％。在容器样式之前放置以下代码：

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

一定要包括margin: none; 和padding: none; 在html和body初始声明中：

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

也给editBox一个高度，它等于与上面元素高度的差异。为html和body元素设置边距，填充为0以避免溢出。

#editBox {
  height: calc(100% - 30px);
}

html, body {
  margin: 0;
  padding: 0;
}

链接地址: http://www.djcxy.com/p/88239.html