css的浮动效果一直是让网站设计头痛的问题，而浏览器的不统一让这种效果区别更加明显，今天大连网站设计就和大家分享下网站建设过程中CSS实现固定浮动层效果，类似于QQ空间顶部的工具条。标准浏览器、IE7+只需在CSS里面设置position:fixed;top:0;就可以了。不论你怎么滚动页面，工具条都会固定在头部。那么IE6怎么实现呢?

　　众所周知IE6 position不支持fixed属性，下面介绍两种纯CSS模拟实现position:fixed效果。

　　先进种：HTML、BODY高度100%方案

　　html,body{

　　height:100%;

　　}

　　.fixed{

　　position:fixed;

　　_position:absolute;/*ie6andabove*/

　　top:0;

　　left:0;

　　}

　　第二种：CSS表达式(expression)方案

　　body{

　　_background-image:url(about:blank);

　　_background-attachment:fixed;/*防止页面抖动*/

　　}

　　.fixed{

　　position:fixed;

　　_position:absolute;/*ie6andabove*/

　　top:0;

　　_top:expression(document.documentElement.scrollTop);

　　left:0;

　　}