min-height
来源：4-15 Sticky Footer布局
慕运维5475419
2021-08-17
为什么父容器高度设置为 height: 100vh;
当内容多了，作为子项的head，foot不见了，而content却不受影响？
按理来说head，foot，content默认的flex-shrink都是1 ，都会收缩的
ps：动图见链接
http://changsheng.xuexihaike.com/mpic/20210817/v27y4pJBy2mm.gif
写回答
1回答
-
同学你好~
是的，都会收缩，但是不要忘了当内容太多，已经达到最小收缩，那么就收缩不进去了，所以head、foot不见了是因为收缩成0了，而content不能收缩是因为，里面的p标签已经不能再小啦，达到最小收缩后就要溢出啦，也就是说弹性子项里面的内容是不能收缩的。
这个现象我在《4-3 换行与缩写 》第2分50秒的时候有阐述，可以看一下视频。祝学习愉快~
122021-08-17
相似问题