100% 高度和宽度 Div“绝对定位”吃了我的页脚?
出现问题的原因是 div #backgr-box
必须为 position:absolute
,这样它的背景才能位于内容 #contenuto
的后面感谢 z 索引。但现在,当 div #contenuto
内容太短而无法将其向下推时,页脚会消失在 #backgr-box
后面。
有什么解决办法吗?我还尝试为 #contenuto
和 JavaScript 使用固定高度,而不是 position:absolute
。
The problem came about because the div #backgr-box
has to be position:absolute
so that its background can be be behind the content #contenuto
thanks to z-index. But now the footer disappears behind #backgr-box
when the div #contenuto
is too short in content to push it down.
Any solution out there? I also tried with a fixed height for #contenuto
and JavaScript instead of position:absolute
.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在 #backgr-box 上将
height: 100%;
更改为height: auto;
在 #footer 上执行
margin: 170px auto 0;
我相信这一点将解决您遇到的问题。我确信这不是解决问题的最佳方法,但就我而言,它确实有效。
希望这有帮助。
On #backgr-box change
height: 100%;
toheight: auto;
On #footer do
margin: 170px auto 0;
I believe this will fix the issues you're having. I'm sure this is not the best way to fix it, but on my end it does work.
Hope this helps.