html - Div 不会拉伸(stretch)，因为它包含的元素设置为最小高度

Question

我想要一个 div 来拉伸(stretch)页面的高度，如果它和它包含的元素都设置为“height:100%;”，它就会这样做

但是，为了让我的粘性页脚起作用，我需要将容器设置为“min-height:100%;”。显然 min-height 的高度不是继承的。解决方案？

我可以:

1) 拉伸(stretch) div，同时将其父级设置为最小高度而不是高度？

2) 是否有一种解决方案可以在不使用最小高度的情况下将页脚设置为粘性？

Answer 1

我认为我明白您的问题是什么，如果它与我过去遇到的问题相同，那么希望这会有所帮助。

在您设置了最小高度的 div 中，尝试添加:

overflow: hidden;