css布局笔记

1、float常和margin负边距搭配。在多个元素设置为float换行后，可以用margin-left负边距，让第二行的float元素回到第一行去。例子：双飞翼布局

2、float+margin-left+相对定位。当float叠加了margin-left的效果后，可以使用相对定位中和margin-left的影响。如圣杯布局。

3、float：多个同方向的float元素，从左到右依次排列，如果空间不够，就换到下一行。反之，如果使用margin-left负值可以把后面的float元素拉回上一行，但是要注意拉回上一行后，元素按照float多元素的排列规则，但是会因为margin-left为负，导致元素偏左。

4、如果float元素会在普通文档流下面另起一行排列，float元素之后普通文档流的元素会填充float流下面的普通流空间。过程是先清除浮动流，填充普通文档流，然后把浮动流重新加入进来。