3

我有一个希望放置在网页底部的 div。我可以使用position:absolute. 但是，当窗口变小时，我不希望它与上面的 div 重叠。这是通过将其更改为position:relative但正如预期的那样它不会留在更大屏幕上的页面底部来实现。

有没有办法做到这一点？

当前的 CSS

position:relative; 
bottom:0; 
background-image:url('.......'); 
background-repeat:repeat-x; 
background-position:bottom;
width:100%;

我正在解释的一个例子。

在此处输入图像描述

4

5 回答 5

5

对我来说，最好的想法是为所有页面内容创建一个容器 DIV（使用流行的做法将其拉伸以适合所有屏幕）。然后你可以通过设置position: absolute和bottom: 0将你的页脚放在这个容器的底部，并且不要忘记将你的页脚的 padding-bottom: 高度设置到容器中。这将防止您的页脚与页面内容重叠。

于 2014-01-23T08:39:04.607 回答
4

尝试给min-height上面DIV的页脚DIV。

于 2013-10-16T09:01:40.373 回答
2

当窗口变小时，使用media queries该特定分辨率或小于该分辨率的分辨率，并将 a 应用于display:none;具有绝对位置的类的 div，如果您不希望它显示，z-index:0;或者z-index:-1;如果您想在内容分区

希望这可以帮助。

于 2013-10-16T09:06:41.900 回答
0

您可以在margin-bottom上设置绝对元素的高度div。这样，您的绝对定位元素将溢出边距而不是元素本身。

于 2013-10-16T09:03:02.847 回答
0

在我看来，您应该恢复到position: absolute，然后尝试给它一个低 z-index 值，例如z-index: -1

于 2013-10-16T09:08:11.173 回答