跨浏览器的实践:position:fixed 层的固定定位


            看示例吧: <style type="text/css"> body{ margin:0; padding:30px 0 0 0; } div#menu{ position:absolute; top:0; left:0; width:100%; height:30px; background-color:#ddd; } @media screen{ body>div#menu{ position:fixed; } } * html body{ overflow:hidden; } * html div#content{ height:100%; overflow:auto; } </style> HTML示例: 
 
 
 
 
Demo 
 
 
 
 
Mozilla 
Opera 
Netscape 
Firefox 
IE6 
Windows 
Style 
CSS 
 
 
只要内容大于一屏的高度就行 
 
 
  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]你删除第一行注释看看效果如何?