已采纳回答 / Kusoku
box2并没有变短，只是左边部分变得不可见而已，body的长度也不会受到影响；其实你把box1的visibility设置不可见就能看出来；浮动框之后的框外观不会受影响，但是其内部文本会因为浮动元素影响移出一定空间，产生环绕效果
2015-09-26
已采纳回答 / pardon110
盒子模型3D图层展示, 类似ps中的图层原理，视角从上往下看，往下的图层会被上级图层所覆盖。boder //最上层content+paddingbackground:imagebackground-colormargin //最底层
2015-09-17
最赞回答 / 月下风物语
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