在页面底部划分，下面是图片

Question

我有这个div：

<div style="padding:5px 100px 0px 100px; bottom:5px; position:absolute">
<div class="divLine" style="margin:5px 0px 10px 0px;"></div>   
<div>     
    <p class="pull-right titleLink">© Ofir Messing 2013-2014 · <a class="titleLink" href="#">Link</a></p>
    <p style="text-align:left;"><a href="#"  class="titleLink">למעלה</a></p> 
</div>
</div>
</div>

我希望它在页面底部我尝试了一切。我怎样才能做到这一点？ 我下面有一张图片。 http://jsbin.com/ginoveja/2

Answer 1

嗨，只需删除位置：修复它将解决问题。

请勿将图像放置在位置：固定;为你目前的情况。位置：固定;用于保持元素固定在屏幕上，以便它永远不会移动。当您在较小的屏幕上查看图像时，文本必须移动到某处，因此它与固定的图像重叠。

我已经通过删除position：fixed属性在Mozilla Firefox fire bug中验证了它，它正在运行。

祝你好运。