css - 位置混合：绝对和固定

Question

任何人都可以想到一种非Javascript的方式来执行以下操作：

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

如果不使用 JavaScript，我看不到解决方案，但也许有人有一个绝妙的主意。

score 2 · Accepted Answer

我相信以下内容不兼容 IE6，但适用于所有其他浏览器。对于底部，您还应该给它一个顶部。一旦你设置了高度，它将优先（我给了它一个边框，所以你可以看到它伸展）：

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

score -1 · Accepted Answer

尝试这个

也尝试检查位置：相对；位置：静态；位置：固定；

感谢 freeweb.pk

2 回答 2