CSS代码:
<style type="text/css"> html,body { width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; } #Main { position:absolute; bottom:0px; left:0px; width:100%; height:100%; overflow:auto; z-index:1; } #ToolBar { position:absolute; bottom:0px; right:16px; width:100%; height:20px; text-align:center; background:#ccc; z-index:2; overflow:hidden; } </style>
HTML代码
<div id="ToolBar">CSS控制DIV永远固定在页面底部 www.865171.cn</div> <div id="Main"> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> <p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p> </div>
http://www.ink520.com/