Div 不会拉伸,因为它的包含元素设置为最小高度
我想要一个 div 来拉伸页面的高度,如果它和它包含的元素都设置为“height:100%;”,它就会拉伸页面的高度。
但是,为了使粘性页脚正常工作,我需要将容器设置为“min-height:100%;”。显然 min-height 的高度不是继承的。解决方案?
我可以:
1)拉伸div,同时将其父级设置为最小高度而不是高度吗?
2)是否有一种解决方案可以在不使用最小高度的情况下将页脚设置为粘性?
I'd like a div to stretch the height of the page, which it will if it and it's containing elements are all set to "height:100%;"
However, in order to my sticky footer to work, I need the container to be set to "min-height:100%;". Apparently the height of min-height isn't inherited. Solution?
Can I:
1) Stretch the div while keeping it's parent set to min-height instead of height?
2) Is there a solution which will set the footer to sticky without the use of min-height?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为我理解您的问题是什么,如果它与我过去遇到的问题相同,那么希望这会有所帮助。
在 div 中设置了最小高度,尝试添加:
I think I understand what your issue is, and if it's the same one that I've experienced in the past then hopefully this will help.
In the div you have the min-height set, try adding: