我正在尝试使用带有弹性框的“圣杯”式布局 - 在填充页面的列上方修复了标题。我的代码基于this来源。
我的问题是主单元格内部带有height:100%
的子元素没有获取布局的高度。以下演示显示了我的意思,我希望红色元素占据整个高度(在Webkit中测试):
我该如何解决这个问题?
答案 0 :(得分:0)
我使用了How to make flexbox children 100% height of their parent?中提到的第二个解决方案,使用" position:absolute;底部:0;"创建弹性项目的全高子项,因为"高度:100%"要求弹性项具有明确的高度。