1

因为我的最后一个问题立即得到了回答.. 我决定发布一个新的，它把我所有的头发都拿走了，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上获得正确的身高。但如果你有任何不同且更简单的解决方案..我全神贯注！

提前致谢。

4

2 回答 2

3

请记住，“位置：绝对”实际上是相对于具有“静态”以外的位置值的元素的第一个祖先（参见http://www.w3.org/TR/CSS2/visudet 中的第 4 点。 html# contains-block-details）。所以也许你有这种情况，“底部”是从其他元素而不是 html/body 测量的。

于 2009-06-02T16:22:16.920 回答
2

首先，JS 在 CSS 中工作的唯一方式是通过仅 IE 的“表达式”，其次，这将要求您的用户也打开 JS。

pos:abs 从正常布局中移除元素，并相对于最近的绝对或相对父级放置它。如果您使用的是严格的或过渡性的 xhtml，那么如果您也将 body 设为相对，bottom 绝对可以工作：

<!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>
于 2009-06-02T16:34:11.473 回答