如果页面未满,如何将 div 保持在窗口底部,否则保持在内容末尾

发布于 2024-12-04 07:19:36 字数 177 浏览 0 评论 0原文

我在页面(页脚)中有一个 div,我希望 CSS 发生以下情况:

如果页面没有足够的内容来填充窗口,则 div 应该位于最底部。 如果页面有足够的内容(并且可能会出现滚动条),那么我希望 div 位于所有内容之后。

如果我用绝对位置等来做到这一点,我就无法让第二种情况起作用。

有什么想法吗?

I have a div in a page (footer) and I want the following to happen with CSS:

If the page has not enough content to fill the window, the div should be at the very bottom.
If the page has enough content (and a scroll bar perhaps appears) then I want the div to be after all the content.

If I do it with position absolute etc, I can't get the second case to work.

Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(2

夜灵血窟げ 2024-12-11 07:19:36

我认为您正在寻找 100% 最小高度布局。查看这篇文章:100% 最小高度 CSS 布局

I think you're looking for 100% min-height layout. Check out this post: 100% Min Height CSS layout.

我早已燃尽 2024-12-11 07:19:36

您想使用粘性页脚。

例如:http://ryanfait.com/sticky-footer/

或者如果您在 Google 上搜索粘性页脚找到一些替代方案

You want to use a sticky footer.

For example: http://ryanfait.com/sticky-footer/

or if you google Sticky footer you find a few alternatives

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