CSS样式与定位详解
本文详细解析了CSS中样式的优先级以及不同定位方式的特点，包括relative、absolute、fixed等，并介绍了三种浏览器兼容性的CSS HACK方法。
[b]css优先级：[/b]
div 1
.class 10
#id 100
style 1000
[b]position：[/b]
relative（相对定位，以自己为参照物移动 不脱离文档流）
absolute（选取其最近的父级定位元素做参照物来定位，脱离文档流）
fixed（以浏览器为参照物定位 脱离文档流）----[b]不受浏览器分辨率设置等因素影响[/b]
static(没有特别的设定，遵循基本的定位规定)
下面是三个浏览器的兼容性收集.
第一种，是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
div 1
.class 10
#id 100
style 1000
[b]position：[/b]
relative（相对定位，以自己为参照物移动 不脱离文档流）
absolute（选取其最近的父级定位元素做参照物来定位，脱离文档流）
fixed（以浏览器为参照物定位 脱离文档流）----[b]不受浏览器分辨率设置等因素影响[/b]
static(没有特别的设定，遵循基本的定位规定)
下面是三个浏览器的兼容性收集.
第一种，是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
扫一扫
1682
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
