Div 不会拉伸,因为它的包含元素设置为最小高度

发布于 2025-01-02 21:16:02 字数 241 浏览 0 评论 0原文

我想要一个 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

爱格式化 2025-01-09 21:16:02

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

在 div 中设置了最小高度,尝试添加:

overflow: hidden;

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:

overflow: hidden;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文