关于定位

　　常见的定位体系有三种：常规流、浮动和绝对定位。任何元素都属于某一种定位体系。不同定位体系下的元素位置和大小会有差异。

　　定位体系的判断可通过如下流程图：

　　if

　　　　position值为absolute或fixed，则是绝对定位，退出判断

　　else if

　　　　float的值为left或right，则是浮动，退出判断

　　else

　　　　是常规流，退出判断。

　　上一篇随笔已经讲了关于浮动，这片讲一讲关于定位。

　　定位用在处理两个有重叠时，分为相对定位、绝对定位和固定定位。

　　相对定位position：relative——相对于原始位置发生偏移

　　绝对定位position：absolute——相对于离该元素最近的具有定位属性的包含快的位置。

　　固定定位position：fixed——在网页上固定不变的位置，相对于视口的距离，脱离了文档流。

 

绝对定位和相对定位的区别：绝对定位脱离了文本流，不会占用原始位置；相对定位没有脱离文本流，他的原始位置将会被他继续占用。

绝对定位和固定定位都脱离了文档流。