获取高度以在绝对模式下定位 div

StackOverflow https://stackoverflow.com/questions/940428

题

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

这就是问题..

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

<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上给我身体高度。但如果你有任何不同的和更简单的解决方案..我洗耳恭听！

提前致谢。

有帮助吗？

解决方案

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

其他提示

首先，JS工作在CSS的唯一途径是通过“表达”，这是IE唯一的，其次这需要你的用户也有JS开启。

POS：ABS去除正常布局的元件，并且相对于最近的绝对或相对母体安置它。如果严格或过渡XHTML是，如果你只是做底绝对工体相对太：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <style>
        body {height: 9000px;position:relative;}
        #a {position:absolute; bottom:0px;}
        </style>
    </head>
    <body>
    <div id="a">bottomDweller</div>
    </body>
</html>
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top