div上面没有重叠div的绝对定位

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

有没有一种方法可以做到这一点？

当前CSS

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

的什么我解释的一个例子。

enter image description here

来源

2013-10-16 memyselfandmyiphone

接下来定位你也可以试试css z-index :;和溢出：隐藏;但没有html这只是一个猜测。所以html甚至jsfiddle.net将有助于帮助 – caramba

发布您的HTML将比描述它更有用;） – MLeFevre

当窗口变小，使用media queries该特定分辨率或分辨率低于较少和应用display:none;与具有绝对的位置，如果你不希望它显示或z-index:0;或z-index:-1;的类DIV如果你想在内容div下面显示它。

希望这会有所帮助。

来源

2013-10-16 09:06:41 Nitesh

好主意。谢谢。我打算为较小的屏幕进行相对定位，然后对较大的分辨率进行绝对定位。 – memyselfandmyiphone

不客气:) - @AlbaClan – Nitesh

尝试上述页脚DIV给min-height到DIV。

来源

2013-10-16 09:01:40 Kishori

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

来源

2013-10-16 09:03:02 MildlySerious

我看到它的方式，你应该恢复到位置：绝对，然后尝试给它一个低的z-index值，如的z-index：-1

来源

2013-10-16 09:08:11 Cliffmeister

至于我，最好的想法是通过为所有页面内容创建一个容器DIV（使用流行实践将其扩展到适合所有屏幕）。然后，您可以通过设置位置：绝对和底部：0，并且不要忘记设置填充底部：页脚高度到容器，从而将页脚放到此容器的底部。这将防止页面内容与页脚重叠。

来源

2014-01-23 08:39:04 Nick

不敢相信我以前没有想过这个。非常感谢。 – DarkWolffe

div上面没有重叠div的绝对定位

回答

相关问题