CSS定位探究～

position:absolute;

position:absolute;

float:left;

float:right;

float:left;

position:absolute;

float:left;

float:right;

position:static;

position:absolute;

float:left;

float:right;

由于对元素定位时经常出现莫名其妙的显示～所以就探究了一下css的定位～（以下也纯属个人探究结论～望大家指正错误之处～） 对于一个元素，有两个有关定位方式的属性：position和float，而position有三个值:static,relative,absolute,而float有两个值:left,right,而通过上面的演示我们可以发现，定位分为三个层：普通文档流层（块级竖向流）、浮动层（块级横向流）、绝对相对固定定位层（块级无流）。

• 普通文档流层和书写方式相同，如从左到右一行一行的下去。但块级元素单独占据一行，所以对于块级元素，相当于竖直向下的块级流。
• 浮动层相当于块级元素的从左到右的一行行下去。所以对于块级元素相当于横向的块级流。
• 绝对相对固定定位层则没有流，即完全由top,left,right等决定。

转载于:https://www.cnblogs.com/defims/archive/2010/08/08/2946676.html