ie6玩转position:fixed(实现固定定位)

　　原理：出去网页以及原有的滚动条，用一个[div]模拟它。然后将要固定定位的区块置于这个模拟层之外，即可实现需要的效果。因为这时滚动条拖动的只是模拟的那个层，而固定定位的这个层根本就不在这个区块内，所以就不会跟随滚动条而动。

　　利用CSS控制行的属性：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html,body { margin:0; padding:0; overflow:hidden;height:100%; width:100%; text-align:left;}
.body { position:relative; width:100%; height:100%; overflow-y:scroll; overflow-x:auto; cursor:default;}
.box { position:absolute; z-index:999; margin:0 auto; bottom:10px; left:40px; width:800px; height:40px; border:1px solid #369; background:#f7f7f7; line-height:40px;}
</style>
<div class="box">我是不会被你拖着走的！</div>
<div class="body">
<p style="margin:15px;">看屏幕底端的区块，再拖动浏览器的滚动条，结果怎么样？满意吧，惊喜吧！</p>
<div style="height:1000px;"></div>
</div>

　　如果不明白，就自己再多想想吧！

　　还有种方法就是利用js来实现了。在此也顺便贴出来吧！

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
.floatBar { width:100%; position:fixed; bottom:0!important;height:31px; background:#f7f7f7; border:1px solid #369;}
.floatBar {
_position:absolute;
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 100
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 100);
}
<div style="height:800px;">下面的层是不随滚动条而动的。</div>
<div class="floatBar">
这个是利用js实现的固定定位。
</div>