定位div底部的位置：固定

Question

我有一个带有动态内容的div，我想从视口顶部定位500px。使用

position:fixed;
top:500px

定位div的TOP，但是如何从顶部定位div 500 px的BOTTOM？

以下是一个示例：

P.S。：

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