1. 居中布局

創建一個CSS定義把一個元素放到中間的位置，可能是每一個Web開發人員都會做的事情。最簡單的做法是為你的元素增加一個margin: auto; ，然而 IE 6.0 會出現很多奇怪的行為。讓我們來看一個例子。

#container{
border: solid 1px #000;
background: #777;
width: 400px;
height: 160px;
margin: 30px 0 0 30px;

}


#element{

background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 100px;
margin: 30px auto;
}

下面是我們所期望的輸出：

但IE卻給我們這樣的輸出：

這應該是IE 6對margin的 auto 并沒有正確的設置。但幸運的是，這是很容易被修正的。

解決方法

最簡單的方法是在父元件中使用 text-align: center 屬性，而在元件中使用 text-align: left 。