css - 用 position:fixed 定位 div 的底部

Question

我有一个包含动态内容的 div，我想将其放置在距视口顶部 500px 的位置。使用

position:fixed;
top:500px

定位 div 的顶部，但我怎样才能实现从顶部定位 div 500 px 的底部？

这是一个例子：

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;}