html - 基于 2 div 的百分比高度

Question

我在另一个里面有2个div

<div id="1">
    <div id="11">aaa</div>
    <div id="12"></div>
</div>

我不知道#11的高度和#1的高度是100%；如何设置 #12 的 100% 而不会溢出？

#12 { height: calc(100% - ?); }

谢谢

Answer 1

你知道 id#1 的高度吗？对我来说，这听起来像是 flex-box 的工作。这是关于 CSS Tricks 的文章.我是边玩边学的 here .我不确定它是否与最新语法保持同步，但它应该仍然有帮助。