最赞回答 / 前端小鸟
设置一个是float属性时紧邻的元素会被浮动元素遮盖住，如果你设置一下紧邻元素的宽度和高度大于浮动元素就可以看的很明显。所以要设置两个都是float属性才会并排显示。之前没有设置宽度看上去是左右并排显示了，其实也是被遮盖住你看不到而已，你把两个的高度设置成不一样的就可以看的很清楚了。http://blog.sina.com.cn/s/blog_5f90da9b01016cmo.html好好看看这篇文章就明白了。
2015-10-03
最赞回答 / 月下风物语
http://www.w3school.com.cn/css/css_positioning_floating.asp 看这个网站，上面说设置了float的元素脱离了文档流，而第一种情况#mid没有设置float，在定位的时候会忽视#left去定位，所以此处的margin-left：123px是距离#mainbody左边界的123px处，导致两种情况效果一样。
2015-09-16
最赞回答 / 黑黑石头仔
你好！浮动影响的是紧随在它后面的元素标签，比如说A添加了浮动，我们要想让B紧邻在A后面，又不受影响，那怎么办呢？因为浮动是影响紧随其后的元素，所以我们可以在AB之间插入一个空的的兄弟元素C，这样就是ACB,C代替B收到浮动影响，但是因为他是空的，所以就对整体没影响，不知道你听得懂不。。。。
2015-09-16