我怎么把一个<div>始终放在浏览器底部

Question

<script>
function bottom()
{
layer1.style.top=document.body.scrollTop+document.body.clientHeight-layer1.offsetHeight
}
window.onresize=bottom
window.onscroll=bottom
window.onload=bottom
</script>
<div id=layer1 style="position:absolute">请问怎样让层始终位于浏览器的底部?</div>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>