我有一个非常著名的填充父高度问题的例子:http://fiddle.jshell.net/y9bM4/379/我真的试图通过谷歌搜索找到解决方案,但我找不到满足这些要求的任何东西:
- 元素的高度未知,既不是百分比也不是绝对大小。所以
position: absolute;顶部:?px;底部:0px
无效 - 上面的盒子应该只占用其内容所需的空间,所以根据我对 flexbox 的了解,我似乎也不能使用它(只是在示例中使用它,因为它与我最接近得到)
- 外层容器有固定的高度(在本例中为主体的 90%)
如果每个容器中的 flex: 1
是上层容器的最大增长就好了。这甚至可以用 css 实现吗?
最佳答案
我不确定您要做什么,但我向您保证您希望第二个容器使用第一个容器根据其内容调整大小后剩余的空间。
如果是这样,将 .content
类设置为 height:0
和 flex-grow:1
关于html - CSS填充父高度重新加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30222326/