首先我們要了解樣式中的這兩種定位掏湾;
absolute(絕對定位):將被賦予的對象從文檔流中拖出裹虫,使用left,right融击,top筑公,bottom等屬性相對于最接近的一個最有定位設(shè)置的父級對象進(jìn)行絕對定位,如果父級沒有進(jìn)行定位屬性設(shè)置尊浪,則按照默認(rèn)規(guī)則來設(shè)定(根據(jù)body左上角作為參考進(jìn)行定位),同時絕對定位的對象可層疊拇涤。
relative(相對定位):對象不可重疊捣作,使用left,right鹅士,top券躁,bottom等屬性在正常的文檔流中進(jìn)行定位,其對象不可以層疊。
居中:
1也拜,對于使用了absolute定位的對象為了達(dá)到自適應(yīng)居中的效果以舒,要設(shè)置其作用對象的寬度;例如以下代碼實現(xiàn)的居中
.ceshi
{
position:absolute;
bottom: 10%;
display: block;
width: 250px;
left:50%;
margin-left:-125px;
}
2慢哈,對于使用了relative定位的對象達(dá)到居中的效果,因為其在正常的文檔流中蔓钟,所以其參考對象為其自身,可以進(jìn)行如下設(shè)置:
.ceshi2
{
margin:0 auto;
}