body{ margin:0; padding:0; font-size:30px; color:#fff}.top{width: 100%; height:100px; margin: 0 auto; background: #ccc;}.main{position:relative;width: 100%; height:600px; margin: 0 auto; background: #ff0000;}.left{ position:absolute; top: 0; left:0; width:200px; background: blue; height:600px;}.right{float:left; width:100%; margin-left:200px; height:600px; background: green;}.foot{width: 100%; height:100px; margin: 0 auto;background:orange;}

您好，如此添加了顶部高度，还是老样子，是添加的位置错了，谢谢！

中间两个块的浮动把头部覆盖了，所以要限定浮动距离网页上边的位置（top的高度）

添加如下代码：

.left ,.right{top:100px;}