css - 使用位置 :fixed 定位 div 的底部

Question

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

position:fixed;
top:500px

定位 div 的顶部，但我怎样才能将 div 的底部定位在距离顶部 500 像素的位置？

这是一个例子:

附言:

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