css - position:fixed を使用した div の下部の配置

Question

ビューポートの上から 500px に配置したい動的コンテンツを含む div があります。使用する

position:fixed;
top:500px

divのTOPを配置しますが、divのBOTTOMを上から500ピクセルに配置するにはどうすればよいですか?

次に例を示します。

PS:

position:fixed; 
bottom: 12345px

私が探しているものではありません。

Answer 1

コンテンツを別の div に入れてから、次のように固定 div の一番下に絶対に配置することで実現できます: http://jsfiddle.net/JDq9C/

html

<div id="fixed">
    <div id="dynamic">
        blah blah
    </div>
</div>

CSS

#fixed {position:fixed; top:500px; left:0;}
#dynamic {position:absolute; bottom:0;}