Question

我一直试图找到解决方案而没有太大的成功。我基本上是尝试使用页面顶部和底部的背景属性来放置图像。现在我知道我可以使相对定位，它会根据页面上的内容将图像放在底部。

我还可以使页眉/页脚成为绝对位置，并且有效地让用户在它们之间滚动。但我想把它放在哪里，如果没有很多内容，我想把图像放在页面的底部，如果碰巧有很多内容（即用户必须滚动），图像放在底部。

这只是我想要为自己弄清楚的一件小事，所以任何关于此的想法/建议或教程都将非常感激。我宁愿不使用表来布局我的页面，并想知道如何去做。

谢谢！

Answer 1

您可以将padding-bottom应用于<body>，然后使用background-image将图片应用到其中吗？如果没有，请参阅我对此问题的回答，了解如何将页脚DIV粘贴到页面底部：Sticky footer, or rather: content doesn't stretch down to footer

Answer 2

如果你正在寻找这样的东西：

| IMG |

|内容|

| FOOTER |

那为什么你需要使用绝对定位？如果你有3个div，一个在另一个的顶部，具有一定的宽度和属性clear:both，那么这种安排将是自动的。然后，如果您的网页内容很少，您可以将min-height放入内容div。

Answer 3

对于作为标题的第一个图像，将位置设置为“固定”并将顶部设置为0px：

.first-image {
    position: fixed;
    top: 0px;
    left: 0px;
}

对于作为页脚的第二个图像，将位置设置为“固定”，将底部设置为0px;

.second-image {
    position: fixed;
    bottom: 0px;
    left: 0px;
}

使用css将图像放在页面顶部和底部

3 个答案: