絶対モードで div を配置するための高さを取得します

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

質問

私の最後の質問はすぐに答えられました。髪の毛をすべて取り除いた新しいものを投稿することにしました、XD

これが問題です..

絶対位置の div を持つデザインがあります。透明な PNG とシンプルなアンカーがあります...ちょうどこのような。

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

それで..この div.buyfloat を絶対位置に配置する必要があります...動き回らない..ジャンプなし、フェージングなし。ページの一番下から200ピクセルで必要なだけです...フッターの上部に必要なので。ページの高さが増減するにつれて...トップセレクターが使えない。

良い..「ボトムを使って！」あなたは言うかもしれません。はい、試してみました。しかし、何らかの理由で..下部のセレクターは、全体の代わりにウィンドウの高さ (表示されている部分) を使用します。そして..ページを下にスクロールすると..画像はページの真ん中にあります。

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

CSS上で身長を正確に表示するJavaScript（いつか見たような気がします）を探しています。しかし、別のより簡単な解決策があれば..ぜひ聞きたいです！

前もって感謝します。

役に立ちましたか？

解決

「位置:「absolute」は、実際には、「static」以外の位置値を持つ要素の最初の祖先を基準としています (「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