javascript - 获取高度以在绝对模式下定位一个 div

Question

因为我的最后一个问题被立即回答了..我决定发布一个新的，它把我所有的头发都拿走了，XD

这就是问题所在..

我有一个带有绝对定位 div 的设计..它有一个透明的 png 和一个简单的 anchor ...就像这样。

<div class="buyfloat">
      <img src="img/buy.png" />
</div>

所以..我需要这个 div.buyfloat 定位在一个绝对位置...不四处移动..不跳跃不褪色..我只需要它在页面底部的 200px 处...因为我需要它就在我的页脚顶部..随着页面高度的增加或减少..我不能使用顶部选择器。

好吧..“使用底部!”你可能会说.. 是的先生我试过了.. 但出于某种原因.. 底部选择器使用窗口高度(可见部分)而不是整个东西.. 并且.. 如果我向下滚动页面.. 图像是就在页面中间。

.buyfloat{
    width:333px;
    height:135px;
    position:absolute;
    left:10px;
    bottom:200px; /**   not working         **/
    margin:5px auto 0 auto;
    z-index:99;
}

我正在寻找一些 javascript(我想我前段时间看过一个)，它可以让我在 css 上获得 body 高度..但是如果你有任何不同的和更简单的解决方案..我洗耳恭听!

提前致谢。

Answer 1

请记住，“position: absolute”实际上是相对于位置值不是“static”的元素的第一个祖先(参见 http://www.w3.org/TR/CSS2/visudet.html#containing-block-details 中的第 4 点)。所以也许你遇到了这种情况，“底部”是从其他元素而不是 html/body 测量的。