Question

我正在使用负边距来处理重叠元素。这引起了一个令我难以接受的问题。我想要一个盒子保持在底部稍上方并随着屏幕的变化而变化。在过去，我使用div来推动事物，但这不适用于此。

我正在考虑的方法是获取窗口大小并调整margin-top。我似乎无法让它工作（仍然是学生）。无论如何我上传了它，所以你可以看到我在说什么。 www.purdyfx.com。请让我知道你的想法，即使它叫我愚蠢。

Answer 1

你可以考虑实现一个Sticky Footer（类似于一个粘性标题，但它会粘在页面的底部）。

你试过在div上使用绝对定位吗？

#bottomDiv{
    position:absolute;
    bottom:0px;
}

和你的html：

<div id="bottomDiv">This is stuck on the bottom</div>

Answer 2

为什么不使用像这样的绝对定位

<div id="footer"></div>

#footer {
    position: absolute;
    bottom: 10px;
    background-color: red;    
    height: 20px;
    left: 10px;
    right: 10px;
}

看到这个小提琴：http://jsfiddle.net/CgcBc/

Answer 3

使用position :absolute它会起作用或给出前面的负值：P

使div与底部保持一定距离。

3 个答案: