控制div固定在页面的某个位置 ，用js感觉很麻烦 CSS更好一些_html/css_WEB-ITnose

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>