由於瀏覽器頁面有大有小，為了適應瀏覽器寬度，可以讓div總是對於瀏覽器居中，設置div左右兩邊的margin為auto可以實現這個效果。
如圖，第一個是默認div，無上下左右外邊距，第二個是設置了margin為auto的，拖動瀏覽器，改變瀏覽器大小，可以看到第二個div總是相對於瀏覽器居中。
測試代碼：
<body> <div id="body"> <div id="bodyleft" style="background-image:url(images/t1.png);width:790px;height:25px;"></div> <div id="bodymiddle" style="background-image:url(images/t2.png);width:790px;text-align:center;">LODOP<br>內容<br>內容<br>內容<br>內容<br></div> <div id="bodyright" style="background-image:url(images/t3.png);width:790px;height:25px;"></div> <div id="body2"> <div id="bodyleft" style="background-image:url(images/t1.png);width:790px;height:25px;margin:auto;"></div> <div id="bodymiddle" style="background-image:url(images/t2.png);width:790px;text-align:center;margin:auto;">LODOP<br>內容<br>內容<br>內容<br>內容<br></div> <div id="bodyright" style="background-image:url(images/t3.png);width:790px;height:25px;margin:auto;"></div> </div> </body>
圖示：
