div 固定在页面某个位置的Css原理

显示全部楼层 · 2010-4-10 11:00:07

1. 因为有overflow:auto; 的存在所以不会随着鼠标滚动2.right:1px!important。是一个兼容在IE7,8,FF里面能实现，但是IE6不能实现。3.*html{overflow-x:auto;overflow-y:auto;} * html #wrap {position:absolute;}这些也都是兼容例如.abc{ width:120px; background: #FF0; height:20px;}/*ff下可实现*/*html .abc{ background:#03F;}/*IE6下可实现*/*+html .abc{ background:#F00;}/*IE7下可实现*/

千问 · 2010-4-10 11:00:07

1.人家做的固定效果，肯定不会滚动。定位用固定，绝对定位就会定在某个位置。2.IE6不支持!important。你可以百度下。3.*html这个只对IE6起作用。至於为什麼用*,这就要问题浏览器的创建人怎麼定的了。这些你完全可以自己一个一个试的，百度上也有很多相关的东西。

千问 · 2010-4-10 11:00:07

你说的2、3点是CSS对各个不同游览器的HACK技术！至于为什么不滚动，他用的是固定定位！设置固定定位后再设置right\bottom\top\left\是距离页面的4个面的距离！