ccs学习-position使用

css position 属性 共有四种： absolute，relative，fixed，static。
其中absolute和fiexd属性不能和float一起作用于一个元素。
static很少用，因为正常的页面呈现顺序就是这种，没必要指定了。
absolute 定位的元素不顾及其他页面元素，可在页面的任何位置，甚至其他页面元素之上。
relative 定位的元素会与其他元素发生定位关系，当元素移动时，之前原始位置会留出空洞（hole）。ie6呈现该定位时有bug
fixed 定位就是页面的元素固定不会随scroll移动而移动。

和定位一起使用的四个属性有top，right，bottom，left。 不过使用top和left即可完成大部分工作了，他们的取值可以为负值。
尽量避免同时指定left，right和top，bottom（ie6在这种情况下会忽略right和bottom的值，可添加width：100%；或者zoom：1来测试修改），而采用设置width（height）来完成元素的定位。
而height也少用，因为除了图片，页面元素的内容可能过长，指定了height会导致内容撑出定义好的元素边框，而且用户改变字体也会是元素内容的长度发生变化。

absolute定位也是相对的，如一个div是相对与整个窗口的absolute定位（top：100px；left：100px；），那么它里边的元素如其他div的absolute定位都是相对与这个div而言。
这里有个规则：
如果tag不在任何其他运用了absolute，relative和fixed的tag内，那么它的absolute定位就是相对于brower window，否则它的absolute定位就是相对于父tag而言的 。

relative的适用场合
相对定位的优势是当定位参照元素位置发生变化时，相对定位元素位置会随之改变。relative的一个常用的用法是利用absolute相对定位的特性，如下所示：
h1{position:relative;}
h1 img{position:absolute;top:2px;left:2px;}
而且relative也很少和top，right，left，bottom搭配使用。