内容 CSS 后面的页脚

发布于 2025-01-08 17:34:10 字数 347 浏览 0 评论 0原文

我在互联网上搜索过，但找不到任何可以在这里使用的东西。

除了 Firefox 之外，我的页脚似乎在所有浏览器中都遮盖了我的主要内容。我希望我的页脚位于主要内容后面。我正在制作的网站是有弹性的，旨在适应浏览器窗口而无需滚动，因此我不确定粘性页脚是否是我正在寻找的。这就是为什么我将页脚的边距设置为负值。我想将页脚压缩到黑框后面。

这是一个 jsFiddle 演示，这是我希望它看起来像的样子：在此处输入图像描述

原文

分享到QQ

分享到微博

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

发布评论

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

冷情 2025-01-15 17:34:10

尝试使用 z-index 属性。
请参阅此更新的 jsFiddle

回复收藏 0 原文

假装爱人 2025-01-15 17:34:10

您可以使用Z-Index来控制元素的顺序。
添加z-index:-1;
这是您正在寻找的结果。 http://jsfiddle.net/bd7Vy/3/

footer {
    clear: both;
    position: relative;
    margin: -5em;
    padding-top: 4em;
    color: black;
    width: inherit;
    height: 3.2em;
    background-color: #917266;
    background-repeat: repeat-x;*
    z-index:-1;
}

You can use Z-Index to control the order of the elements.
Add z-index:-1;
Here is the result of what you are looking for. http://jsfiddle.net/bd7Vy/3/

footer {
    clear: both;
    position: relative;
    margin: -5em;
    padding-top: 4em;
    color: black;
    width: inherit;
    height: 3.2em;
    background-color: #917266;
    background-repeat: repeat-x;*
    z-index:-1;
}

回复收藏 0 原文

~没有更多了~