絕對(duì)定位比相對(duì)定位更靈活。
絕對(duì)定位的盒子，是脫離標(biāo)準(zhǔn)文檔流的。所以，所有的標(biāo)準(zhǔn)文檔流的性質(zhì)，絕對(duì)定位之后都不遵守了。
絕對(duì)定位之后，標(biāo)簽就不區(qū)分所謂的行內(nèi)元素、塊級(jí)元素了，不需要display:block;就可以設(shè)置寬、高了：
代碼如下：
1span{
2position: absolute;
3top: 100px;
4left: 100px;
5width: 100px;
6height: 100px;
7background-color: pink;
8}
絕對(duì)定位要有一個(gè)參考點(diǎn)，絕對(duì)定位的參考點(diǎn)，如果用top描述，那么定位參考點(diǎn)就是頁(yè)面的左上角，而不是瀏覽器的左上角：
如果用bottom描述，那么就是瀏覽器首屏窗口尺寸，對(duì)應(yīng)的頁(yè)面的左下角：
絕對(duì)定位的盒子居中
絕對(duì)定位之后，所有標(biāo)準(zhǔn)流的規(guī)則，都不適用了。所以margin:0 auto;失效。
1width: 600px;
2height: 60px;
position: absolute;
3left: 50%;
4top: 0;
5margin-left: -300px; ??→ 寬度的一半
非常簡(jiǎn)單，當(dāng)做公式記憶下來(lái)。就是left:50%; margin-left:負(fù)的寬度的一半。
