css absolute定位，让层固定在网页的底部

css absolute定位，如何让层固定在网页的底部，而不是浏览器的底部

<style type="text/css">

.bottom{ position:relative; bottom:0px; left:0px;}

</style>

<div class="bottom"></div>

之前用position：absolute只能固定在浏览器底部，至于为什么希望有高手解答