css自我总结之第一弹:绕不开的float,relative与absolutee

Css自我总结之第一弹：

1.  float，relative，absolute

一开始，每一个元素就像是水里的石头一样安分地待着，后来来了float,relative,absoｌｕte三个大力士誓要搬动石头。

Float：名如其人，会施魔法让石头变成浮萍，大家亲亲蜜蜜地挤在了一起。然而需要注意的是：1，浮萍也是占地方的！它还是会占据文档流！

            2. 不等高时排版会出现参差不齐的状态。

3.清除浮动，它浮起来了，后面的石头就顶上来了。

Position:relative:这位会“镜像魔法”，理论上元素还待在原来的地方，但“看起来”他在别的地方了。这位仁兄有几个特点：

1.    相对自身定位，即：top:0,left:0