為什么三列布局，不用兩個左浮動，一個右浮動？
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>三列布局</title>
<style>
body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{ text-align:center; line-height:50px}
.left{ width:20%; height:600px; background:#ccc;float:left;}
.main{ height:600px;width:60%; background:#9CF;float:left;}
.right{ height:600px; width:20%;background:#FCC;float:right;}
</style>
</head>
<body>
? ? <div>left</div>
? ? <div>main</div>
? ? <div>right</div>
</body>
</html>
2016-11-22
三列布局，要求中間那列自適應寬度，用了float就脫離文檔流，不能自適應寬度了，
像你的代碼可以設置成兩列布局的，
2016-11-15
html標簽沒有加class。