我正在尝试使用带有 flexbox 的“ chalice ”式布局 - 在填充页面的列上方固定标题。我的代码基于 this来源。
我的问题是主单元格内带有 height:100%
的子元素不会获取布局的高度。下面的演示说明了我的意思,我希望红色元素占据整个高度(在 Webkit 中测试):
我该如何解决这个问题?
最佳答案
我使用了 How to make flexbox children 100% height of their parent? 中提到的第二种解决方案使用“position:absolute;底部:0;”创建 flex 元素的全高子项,因为“高度:100%”要求 flex 元素具有明确的高度。
关于CSS flexbox 布局 : child with height 100%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25435060/