6 Nested Flexbox 100% Height Not Working in Safari 7 Chrome ignoring flex-basis in column layout 7 Flex height not working in Chrome 8 Flexbox height percentages See more linked questions Related 2 Flexbox height 100% in chrome 16 CSS height issue with flex box inside flex box ...
演示:https://codepen.io/tronghiep92/pen/NvzVoo 谢谢,这对我有帮助。 flex 孩子会自动拉伸到容器的高度吗?这就是为什么这有效吗? @ReeceKenney,是的,你的问题。这在我的回答中得到了解释。参见解决方案#4。 N Narasinghe 对于Mobile Safari 有一个浏览器修复。您需要为 iOS 设备添加 -webkit-box。
演示:https://codepen.io/tronghiep92/pen/NvzVoo 谢谢,这对我有帮助。 flex 孩子会自动拉伸到容器的高度吗?这就是为什么这有效吗? @ReeceKenney,是的,你的问题。这在我的回答中得到了解释。参见解决方案#4。 N Narasinghe 对于Mobile Safari 有一个浏览器修复。您需要为 iOS 设备添加 -webkit-box。