如何在jsfiddle中最大化DIV中的CSS高度？

Question

我有以下HTML和CSS：

<div id="a">
</div>

#a {
  width: 100%;
  height: 700px;
  background-color: orange;
}

jsfiddle：

https://jsfiddle.net/9zwsk6bb/

我希望高度能够精确填充外部面板的总高度而不使用像flexbox这样的东西。在这种情况下是否可能？

Answer 1

当然，但为此，您需要设置父元素height，因为当您希望元素的height为父元素100%时，那么100％是什么？所以，你需要像

这样的东西

html,
body {
  height: 100%;
}

#a {
  width: 100%;
  height: 100%;
  background-color: orange;
}

<div id="a"></div>

请注意，如果您有#a的包装器元素，那么您还需要为该元素设置一些height。