位置混合:绝对和固定

时间:2009-10-17 18:45:47

标签: css css-position

任何人都可以考虑使用非Javascript方式执行以下操作:

  • 屏幕上某处有一个DIV元素。它的地位无法预测。
  • 它具有固定的宽度,并且应该与文档中的所有其他内容重叠,即。它将“位置”设置为“绝对”。
  • 这就是问题:我希望DIV的下边缘粘在视口的底部。我尝试给出元素“bottom:0px”,但是如果没有“高度”设置,整个DIV会向下移动到底角,这不是我想要的。我希望拉伸从文档中的随机位置到视口的下边缘。

我没有使用JavaScript就看不到解决方案,但也许有人有个好主意。

2 个答案:

答案 0 :(得分:2)

我认为以下不兼容IE6,但适用于所有其他浏览器。在底部,你也应该给它一个顶部。一旦你设置了高度,它将优先(我给它一个边框,所以你可以看到它拉伸):

<div style="position:absolute;top:150px;bottom:10px;width:100px;border:1px solid red;">
    I'm stretched to the  bottom
</div>

答案 1 :(得分:0)

试试这个

http://www.doxdesk.com/software/js/fixed.html

也尝试检查位置:相对;位置:静态的;位置是:固定;

由于 freeweb.pk