- 此问题在此处已有答案**:
Why don't flex items shrink past content size?(5个答案)
12小时前关门了。
代码编号:https://codepen.io/andrerpena/pen/JjBzKNg
我希望按钮栏总是可见的地方蓝色-->
是指向,当屏幕挤压。
我的文档结构是这样的:
div[@id='title']
div[@id='body']
〈--此值应增长div[@id='body-content']
〈--此字段应可增长并可滚动div[@id='body-buttons']
〈--应固定在底部
根据上面的结构,我希望body-content
滚动,body-buttons
始终可见。
为什么不呢?有没有办法在不改变DOM结构的情况下修复它?如果没有,你会怎么改变它?
我个人很想知道为什么它不起作用,因为我做CSS十多年了,我仍然对这样的东西感到惊讶。
谢谢。
1条答案
按热度按时间sf6xfgos1#
Flex child有一个初始值
min-height: auto
,这意味着它的高度不会小于内容(文本)的高度。在这种情况下,你可以添加min-h-0
类到div[@id='body']
(#body
)元素,这样它就不必有最小高度。