CSS 一些记录

一些容易犯错的CSS规则,写写更明白……

1.定位

Ⅰ.相对定位

• 不影响元素本身的特性; 如块级元素、内联元素本身的特性不会改变。

• 不会使元素脱离文档流 ; 元素移动后原始位置会被保留。

• 如果没有定位偏移量，对元素本身没有任何影响。

• 提升层级。

Ⅱ.绝对定位

• 使得元素脱离文档流。

• 使得内联元素支持宽高；这里就是改变了内联元素本身的特性。

• 块级元素由内容撑开宽高。上一条和这一条在浮动中也有体现。

• 如果有定位父级相对定位父级发生偏移，没有定位父级相对document元素发生偏移。

• 相对定位一般会配合绝对定位实用。

• 提升元素层级。

Ⅲ.固定定位

• 与固定定位的特性基本一致，与其差别是始终相对整个文档(document)进行定位。
• IE6不支持固定定位。
• 可以用前两种定位来模拟固定定位。