实际操作浮动的时候经常出现一头雾水的情况，趁着写博客理一理：
所谓浮动定位也就是定义一个元素相对于它本来的位置出现在哪里。以下几点是浮动定位中需要记住的：
1.浮动会先将元素在正常文档流中删除，但是该元素依然影响布局。例如，relative的元素原来所占的空间还在。
2.浮动元素的外边距始终不变。
3.元素被浮动后首先生成一个块级框，然后为自己指定一个包含块。
4.浮动的原则有：float之间不覆盖；边界来自包含块；float之间顺着排；尽可能挤一挤；尽可能顶一顶；
5.超出包含块的方法：使用负外边距；定义更大的宽度；
6.浮动元素与正常元素重叠时，行内框自行置顶，块框只有内容置顶。
7.clear清楚是产生一个清除域，加在上外边距之外，域中不允许浮动元素的存在。
8.top等的偏移定义了浮动元素距离其包含块对应边的偏移。
9.除了bottom之外，设为auto的偏移项会相对于元素的静态位置定位。
10.左右外边距都是auto，但left、right、width不是auto。元素会保持绝对居中。
11.固定定位（fixed）与绝对定位（absloute）基本一样，只是fixed的包含块是视窗。
12.相对定位一个元素，它的子元素会拥有一个处于它本来所在位置的一个包含块。
原文：http://www.cnblogs.com/mingtan/p/5793931.html