min-height
来源：4-15 Sticky Footer布局
慕后端1189009
2021-08-06
- 为什么父容器高度设置为 height: 100vh; header和footer随着content的内容增加，高度会被挤掉？如果是min-height，就没这个问题？
- 如果给父容器设置 justify-content: space-between; 代替给 content 添加 flex-grow: 1; 看着效果好像一样 ？？
写回答
1回答
-
西门老舅
2021-08-06
先来回答一下第一个问题，height会使main高度固定，所以当内容多了，自然作为子项的head，foot要收缩，这是弹性的默认行为。而min-height是设置最小高度，并不会固定高度，当内容多了就会自动撑开，不影响子项大小。
第二个问题，space-between是在有剩余空间时候的一种对齐方式。当没有剩余空间的时候，并没有什么作用。这个效果不存在剩余空间，所以加不加space-between并没有影响。
有问题随时留言给我，祝学习愉快。10
相似问题