position: absolute;絕對定位水平居中問題

負外邊距解決方案
負外邊距解決方案遠不是僅僅為元素添加負外邊距這么簡單。這種方法需要同時使用絕對定位和負外邊距兩種技巧。

下面是該方案的具體實現方法。首先，創建一個包含居中元素的容器，然后將其絕對定位於相對頁面左邊邊緣50%的位置。這樣，該容器的左外邊距將從頁面50%寬度的位置開始算起。

然后，將容器的左外邊距值設置為負的容器寬度的一半。這樣即可將該容器固定在頁面水平方向的中點。
復制內容到剪貼板
代碼:

#container {
background: #ffc url(mid.jpg) repeat-y center;
position: absolute;
left: 50%;
width: 980px;
margin-left: -490px;
}

 

#header .mobile-link > img{
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -60px;
}