来源:CSSplay http://www.cssplay.co.uk/layouts/fixed.html
注:IE6/IE7下默认的滚动条认为是html标签的,其它浏览器显示的是body标签的滚动条。IE6支持body height 100%定义。“* html body”定义方法只有IE6支持,意指在html标签外还有一个标签。“*+html”只有IE7支持,html标签存在一个兄弟节点。
IE6下当body有元素是相对定位时也会出现fixed效果,解决方法为把所用内容用一个div包裹(除需模拟fixed 效果的元素外),并用此div代替body模拟滚动条效果。
针对IE6的样式:
html {overflow-x:auto;overflow-y:hidden; }
body{height:100%;}
包裹用的div添加样式:
height:100%;width:100%;overflow-y:scroll;position:absolute;