在DIV+CSS中浮動功能非常的強大，能實現非常複雜的排版問題，2列居中沒問題，但是DIV 3列居中經常出現混亂現象。現在爲大家提供解決方法。
佈局使用的是 左 -右 -中 的方法 ，在IE和Firefox測試沒問題，以前書上推薦使用position 但是結果出現排版問題，下面這是我的測試。用顏色標出了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
html{ height:100%;width:100%;}
body{ margin:2px ; padding:0px; height:100%;width:100%;}
#box{ width:1000px; margin:auto; padding:0px;}
#left{
height:300px;
background:#0F6;
width:170px;
float:left;
}
#center
{
background:#C69;
height:300px;
margin-left:172px;
margin-right:101px;
}
#right{
height:300px;
width:100px;
float:right;
background:#CC3;
}
</style>
</head>
<body>
<div id="box">
<div id="left"></div>
<div id="right"></div>
<div id="center"></div>
</div>
</body>
</html>