最赞回答 / 前端小鸟
设置一个是float属性时紧邻的元素会被浮动元素遮盖住，如果你设置一下紧邻元素的宽度和高度大于浮动元素就可以看的很明显。所以要设置两个都是float属性才会并排显示。之前没有设置宽度看上去是左右并排显示了，其实也是被遮盖住你看不到而已，你把两个的高度设置成不一样的就可以看的很清楚了。http://blog.sina.com.cn/s/blog_5f90da9b01016cmo.html好好看看这篇文章就明白了。
2015-10-03
已采纳回答 / pardon110
你在mainbody中不设置overflow：hidden，由于它的两个子div都浮动了，#mainbody本身就感知不到高度了。具体视角效果，你可以设置#left或#right的高度后，你观察一下就明白了。
2015-09-30
已采纳回答 / pardon110
background-color 属性用来定义元素的背景颜色。body {background-color: #b0c4de;}CSS中，颜色值通常以以下方式定义:十六进制 - 如：#ff0000 它的三位颜色简写为 #f00RGB - 如：rgb(255,0,0)颜色名称 - 如：red默认 - transparent,透明之意。如果一个元素没有指定背景色，那么背景就是透明的。inherit 从父元素继承背景颜色，这个在IE上存在兼容问题。
2015-09-27
已采纳回答 / Kusoku
box2并没有变短，只是左边部分变得不可见而已，body的长度也不会受到影响；其实你把box1的visibility设置不可见就能看出来；浮动框之后的框外观不会受影响，但是其内部文本会因为浮动元素影响移出一定空间，产生环绕效果
2015-09-26
