如果页面未满,如何将 div 保持在窗口底部,否则保持在内容末尾
我在页面(页脚)中有一个 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我认为您正在寻找 100% 最小高度布局。查看这篇文章:100% 最小高度 CSS 布局。
I think you're looking for 100% min-height layout. Check out this post: 100% Min Height CSS layout.
您想使用粘性页脚。
例如: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