要使div總是找不到原因居中很簡單，float和display都可以實現，float就不說了，這里說一下display:line-block,比如四個或者多個div盒子，明明設置好了寬度后，總有一個上不去，檢查來檢查去:比如
這段代碼應該並排排列的。
<!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>
</head>
<style>
.main {
margin: 0 auto;
width: 1000px;
height: 800px;
border: 1px solid #F00;
text-align: center;
background: #933;
}
.divbox {
box-sizing: border-box;
width: 25%;
padding:0px;
margin:0px;
height: 100px;
background: #CCC;
display: inline-block;
}
</style>
<body>
<div class="main">
<div class="divbox"></div>
<div class="divbox"></div>
<div class="divbox"></div>
<div class="divbox"></div>
</div>
</div>
</body>
</html>
運行結果是這樣的
沒有邊框沒用margin，中間卻有縫隙，原因是因為display后div變成了內聯元素， 內聯元素代碼換行會產生空格。
<div class="divbox"></div><div class="divbox"></div><div class="divbox"></div><div class="divbox"></div>
這樣寫就不會有問題，但是閱讀起來不方便，那該怎么辦？可以設置父級元素的font-size設置為0；問題就沒了。
.main {
margin: 0 auto;
width: 1000px;
height: 800px;
border: 1px solid #F00;
text-align: center;
background: #933;
font-size:0px;
}
.............