DIV标签固定技巧-优快云博客

本文介绍了一种使用CSS绝对定位使DIV标签保持在页面顶部的方法，即使在滚动页面时也能保持位置不变。通过设置position属性为absolute，并指定top和left值为0，可以实现DIV元素的固定效果。此外，还设置了z-index确保该元素处于页面层级的上方。

DIV 标签的固定

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>webkey.cn</title> <mce:style></mce:style><style mce_bogus="1">body{ overflow: hidden; padding: 0; margin: 0; } div#wrap_outer{ width: 100%; height: 100%; overflow: auto; padding: 0px 30px 30px 30px; } #glideDiv0{ position: absolute; top: 0; left:0; z-index:200; width:981px; background-color:#E6EEE7; }</style> </head> <body> <div id="glideDiv0"> 固定顶部不动 </div> <div id="wrap_outer">  固定Div,且scroll时Div不闪动。 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa </div> </body> </html>

DIV 首部固定实现