Css 位置的混合：绝对和固定

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

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

---

我看不到不使用JavaScript的解决方案，但可能有人有一个绝妙的想法。

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

我已经筋疲力尽了

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

我已经筋疲力尽了

试试这个

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

谢谢 freeweb.pk

试试这个

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

谢谢

---

freeweb.pk

听起来你在做一个非常恼人的广告。不，不是那样的。：）这是一组选项卡和子选项卡中的一组工具栏。听起来你在做一个非常烦人的广告。不，不是那样的。：）这是一组选项卡和子选项卡中的一组工具栏。谢谢Abel，但我要找的更棘手：我想使用元素的隐式开始位置，即我不想给它一个“top”属性，而是从浏览器放置的位置开始。只有div的底部边缘应该像一个“固定”的元素一样，并且始终固定在屏幕的底部。当我滚动文档时，DIV应该相应地拉伸和收缩。我开始认为这只能用JavaScript来实现。事实上，这是你应该用JavaScript来实现的。我尝试了

表达式（…）

（基本上是CSS中的JavaScript，它是UUUGLY），但这也没有给我太多帮助。顺便说一句，IE7中的底部/顶部错误仍然存在，只有在IE8中才得到解决，但这在这里没有帮助：你想要混合固定和绝对。好吧，这肯定需要一些Javascript。但不是今天，我没有心情：）不过，谢谢你的努力。谢谢Abel，但我要找的是更棘手的：我想使用元素的隐式起始位置，也就是说，我不想给它一个“top”属性，而是从浏览器放的地方开始。只有div的底部边缘应该像一个“固定”的元素一样，并且始终固定在屏幕的底部。当我滚动文档时，DIV应该相应地拉伸和收缩。我开始认为这只能用JavaScript来实现。事实上，这是你应该用JavaScript来实现的。我尝试了

表达式（…）

（基本上是CSS中的JavaScript，它是UUUGLY），但这也没有给我太多帮助。顺便说一句，IE7中的底部/顶部错误仍然存在，只有在IE8中才得到解决，但这在这里没有帮助：你想要混合固定和绝对。好吧，这肯定需要一些Javascript。但是今天不行，我也没心情：）不过，谢谢你的努力。这不是真的有帮助。这不是真的有帮助。

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