css 我无法使嵌套的弹性增长元素按预期工作[duplicate]

b5lpy0ml  于 2023-02-06  发布在  其他
关注(0)|答案(1)|浏览(75)
    • 此问题在此处已有答案**:

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十多年了,我仍然对这样的东西感到惊讶。
谢谢。

sf6xfgos

sf6xfgos1#

Flex child有一个初始值min-height: auto,这意味着它的高度不会小于内容(文本)的高度。在这种情况下,你可以添加min-h-0类到div[@id='body']#body)元素,这样它就不必有最小高度。

相关问题