这问题困扰了我整整一天，上网各种搜、各种问人，也没有让我信服的答案（可能有的答案是正确的，但是我基础差，没有听懂）。最后经过一整天搜索、询问的沉淀，最后在别人的推荐下看了《CSS权威指南》，现在自认为算是基本上明白怎么回事了。以下都是我自己所想，希望可以帮到和我一样的初学者。如果有错误或者不妥的地方，也请高手指出，我定当改正，谢谢！！
为了彻底明白这个问题，必须先弄明白几个问题。
第一，浮动的目的。最初时，浮动只能用于图像（某些浏览器还支持表的浮动），目的就是为了允许其他内容（如文本）“围绕”该图像。而后来的CSS允许浮动任何元素。
第一，绝对定位与浮动的区别。
复制代码
代码如下:你好
第一，绝对定位与浮动的区别。绝对定位是将元素彻底从文档流删除，并相对于其包含块定位（包含块可能是文档中的另一个元素或者是初始包含块），元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样，该元素再也不会影响其他元素的布局了。如果对元素A使用绝对定位的话，元素B占据元素A之前的位置，与元素A重合在一起，并被元素A覆盖。如图所示。
绝对定位是将元素彻底从文档流删除，并相对于其包含块定位（包含块可能是文档中的另一个元素或者是初始包含块），元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样，该元素再也不会影响其他元素的布局了。例如，对于上面的html片段，如果将元素A定位到左上角的话，元素B占据元素A之前的位置，与元素A重合在一起，并被元素A覆盖。CSS代码和效果图如下。
复制代码
代码如下:
body {
color:#FFF;
}
#container {
position:relative;
width:500px;
height:250px;
background:#039;
}
#A {
position:absolute;
top:0;
left:0;
width:200px;
height:200px;
background:#C00;
}
复制代码
代码如下: