固定定位:
元素的位置相對于瀏覽器窗口是固定位置期贫。
即使窗口是滾動的它也不會移動
元素固定一般使用position:fixed梳星,fixed表示脫離了正常的文檔流赞赖,但若是此元素居中,方法如下:
1.如果想使某元素居中:$ele{ margin:0 auto} ?
margin:0 auto;的意思就是:上下邊界為0冤灾,左右根據(jù)寬度自適應 ? ?marin:語法結構
(1)margin:10px; 四邊統(tǒng)一外邊距
(2)margin:10px 20px; 上下前域、左右外邊距
(3)margin:10px 20px 30px; 上、左右韵吨、下外邊距
(4)margin:10px 20px 30px 40px; 上匿垄、右、下归粉、左外邊距
(5)也可單獨設置上下左右?
2.這樣做的結果就是椿疗,元素不居中了。這說明fixed使對象脫離了正常文檔流糠悼。
#element{
position:fixed;
margin:0 auto;
}
3.解決方案:
#element{
position:fixed;
margin:0 auto;
left:0;
right:0;
}
另外在購物網(wǎng)站布局右側導航欄時使用
position:fixed ;
left:50% ; //先讓元素居中放置
margin-left:400px;//在居中放置的基礎上偏移400像素届榄,
注:margin-xxx 的值不再對文檔流中的元素產(chǎn)生影響,因為該元素已經(jīng)脫離了文檔流倔喂。另外铝条,不管它的祖先元素有沒有定位,都是以文檔流中原來所在的位置上偏移參照物席噩。
參考博客:http://blog.csdn.net/ywl570717586/article/details/53392957
? ?http://www.jb51.net/css/206753.html