position之absolute定位深入理解

和float是兄弟

在我们写样式的时候会发现使用float和absolute的时候，会发现都会出现高度塌陷的问题，和脱离文档流的情况，而且你如果设置了的话就会表现出类似于display：inline-block的表现形式，所以我们可以用这两个对比着记。

跟随性

这个是在设置了absolute之后，我们的这个元素如果在某个元素之前的话就会居高临下，好像是浮在他后面的元素上面，后面的元素会占据这个元素本来的位置，但是如果它是在后面的话，设置了position：
absolute的话，就就会紧跟在他前面的元素后面，这就是跟随性。

后来居上

如果有多个元素在同一位置设置了position：absolute的话，当然这种清况是很少见的，这种情况会遵循浏览器的渲染顺序表现，也就是后来者居上的意思。

z-index=1的准则

这个准则是因为我们一般不需要设置，在需要改变位置关系的时候，我们可以通过改变元素的顺序来进行书写，如果实在需要设置z-index的话就设置为1就足够了，如果有z-index很大的话就需要好好考虑一下页面的布局了。z-index的默认值看
这http://bbs.csdn.net/topics/390156687

父元素或者其他元素也是absolute的

在我们页面中，如果遇到其他position的阻碍，这就跟事件冒泡一样，外层如果也设置了position的话，那么这个元素的定位就是相对于第一个阻碍他的元素。

height和width与left right拉伸互相使用

比如width：50%,right:0;
他显示宽度是百分之50%，
width和left，right相互合作，在margin：auto会出现绝对居中效果

元素height百分比生效，父元素的height不是auto

下拉列表的position：absolute，不依赖性，会非常的直接适合团队开发。