关于css float属性的疑问？

Question

#a{background-color:red;color:white;float:left;} #b{background-color:blue;color:white;}

a

b

以上代码的效果是蓝色的div跟红色div在同一行且在红色div的右边，但是css教程上讲红色div浮动，蓝色div移动到原红色div的位置，从效果上来讲应该是红色的div覆盖了蓝色div才对。
第二：如果给这两个div加上相同的width和height属性值，效果就是红色的div覆盖了蓝色div。
请问大家这是怎么回事？小弟百思不得其解。望大家指点一二。谢谢！

Answer 1

http://www.cnblogs.com/polk6/archive/2013/07/25/3142187.html