尝试了几种解决方案后，页脚没有粘住
我无法让页脚粘在页面底部。它在 1024x1280 下工作，这正是我设计的目的，但 #content 部分与页脚重叠，并在我在 1024x768 和 800x600 下测试时导致窗口底部出现空白。我尝试过：
- 将页脚位置设置为绝对w/bottom:0；
- 使用position:fixed，它可以工作，但与内容重叠。我希望它出现在内容之后。
- 向容器添加内边距并以负边距向上拉动页脚
- 向 #content 添加内边距并以负边距向上拉动页脚
- 使用可怕的 hacky #push div 设置为与页脚相同的高度
此时，我准备向其添加一些 Jquery 并完成，但如果有 CSS 方法来解决问题，我愿意接受建议。
编辑：如果事情看起来有点奇怪，那是因为我添加了一个插件来拉伸背景图像。请原谅混乱！
I'm having trouble getting my footer to stick to the bottom of the page. It works in 1024x1280, which is what I'm designing for, but the #content section overlaps the footer and causes white space at the bottom of the window as soon as I test it in 1024x768 and 800x600. I've tried:
- Setting the footer position to absolute w/ bottom:0 ;
- Using position:fixed, which works, but overlaps the content. I want it to appear after the content.
- Adding padding to the container and pulling the footer up with a negative margin
- Adding padding to #content and pulling the footer up with a negative margin
- Using a horrible hacky #push div set to the same height as the footer
Here's the page that's having the problem.
At this point I'm about ready to throw some Jquery at it and be done, but if there's a CSS way to solve the problem I'm open to suggestions.
Edit: If things look a bit wonky for a moment, it's because I'm adding a plugin to stretch the background image. Pardon the mess!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论