我們經常用margin:0 auto來實現水平居中，而在用到定位某個div的時候 margin:0 auto 已經無法滿足我們的一些需求。實際上我們可以用margin:auto來實現，垂直居中僅需要宣告元素高度和下面的css:
.dw
**此處的position: 可以是fixed、absolute 並且需要設定寬高**1.支援跨瀏覽器，包括ie8-ie10.
2.無需其他特殊標記，css**量少
3.支援百分比%屬性值和min-/max-屬性
4.只用這乙個類可實現任何內容塊居中
5.不論是否設定padding都可居中（在不使用box-sizing屬性的前提下）
6.內容塊可以被重繪。
7.完美支援居中。
缺點：1.必須宣告高度（檢視可變高度variable height）。
2.建議設定overflow:auto來防止內容越界溢位。（檢視溢位overflow）。
3.在windows phone裝置上不起作用。
CSS定位 絕對定位是根據誰定位的？
什麼是初始包含塊？上 上圖，紅邊框的盒子是html，黑邊框的盒子是body，因為div設定了絕對定位但是並未給其left top right bottom賦值，它們的預設值是auto，所以div在原地不動 當給div的left 和 top賦值為0時 可見，div定位在了頁面的左上角，也就是 0,0 ...
CSS 絕對定位
設定為絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。絕對定位的元素的位置相對於最近的已定位祖先元素 如果元素...
CSS 絕對定位
設定為絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。絕對定位使元素的位置與文件流無關，因此不佔據空間。這一點...