已采纳回答 / 大块吃肉188
.left{ width:220px; height:600px; background:#ccc;float：left} 这句最后一个冒号：你是不是用了中文的了
2016-05-18
已采纳回答 / 不想去想名字
因为main受到了浮动影响， main里面的left和right都是浮动的，则父元素要清楚浮动才能够不塌陷，可以通过在父元素里加入一个空标签，或者在main的样式里面加入 overflow:auto； 这句来清除浮动，这样就看得到黑色啦！
2016-05-14
已采纳回答 / Happy_learning
margin:上 右 下 左；left它的宽是200,right它的宽是300 那中间的 margin:0 300px 0 200px； 这样就跟左右两边合并一样中间的，比如左边要多10个距离 那就210 那左边就多了10个距离 ps：我理解能力也很差，具体意思知道就行了 。。。
2016-05-12
已采纳回答 / 小白的黑色幽默
因为你right部分没有脱离文档流的设置，如浮动或者position:absolute，也就是说此时right还是标准的块状元素，块状元素的特点就是独占一行。由于在HTML代码中，right在前，left在后，所以left的蓝色块就在right的下方，而不是同一行
2016-05-10