最赞回答 / TWT
第十行 ，.head,.main{ width:960px; margin:o auto;} 中的 margin:o auto 使用了英文字母“o”，应使用阿拉伯数字“0”
2015-08-13
最新回答 / 慕田峪7213717
我是这么理解的，因为浏览器是按代码顺序解析的，left和right先写的话就被先漂浮起来脱离了文档流，这时候middle的margin的参照物就剩下父级的body，所以再左右一定，就完成了这样的效果。如果先写middle再写right，因为middle出现的时候right还没有浮动，所以middle的marigin-right属性的参照物还是right，这样的话300px就等于把middle和right要分开300px，所以right就被挤下去了。
2015-08-13
三列布局：不能使用float，左右两列绝对定位，分别靠左和靠右，中间列为相对定位，左右margin分别设置为左右两列的宽度即可，如果列与列之间需要间隔，则增加相应的margin值。
.top{width:auto; background:#999; height:100px;}
.main{height:600px;background-color:red;}
.left{width:200px; height:600px;background-color:blue;position:absolute; left:0;top:100px;}
.right{height:600px;background-color:green;margin-left:210px;}
.foot{width:auto; height:50px; background:orange;}
.main{height:600px;background-color:red;}
.left{width:200px; height:600px;background-color:blue;position:absolute; left:0;top:100px;}
.right{height:600px;background-color:green;margin-left:210px;}
.foot{width:auto; height:50px; background:orange;}