在現(xiàn)在大分部網(wǎng)站中都會使用定位(position)把一個div盒子(a)移至我們想放置的位置上,而往往這個我們想放置的位置是div盒子(a)在父級盒子(b)中上下左右居中顯示,我們會用到position兩種屬性值absolute(絕對定位)和relative(相對定位)。
absolute(絕對定位):元素會脫離原來的文檔流,使用left,right,top,bottom等屬性設(shè)置的值相對于定位設(shè)置(relative(相對定位))的父級對象進行絕對定位,如果父級沒有進行定位屬性設(shè)置,就會一層一層往上直到有定位的祖輩級元素為止,同時絕對定位的對象可層疊。
relative(相對定位):元素不會脫離原來的文檔流,使用left,right,top,bottom等屬性在正常的文檔流中進行定位,其對象不可以層疊。
設(shè)置b盒子為relative(相對定位),a盒子為absolute(絕對定位),a盒子的寬高固定,top、left、right、bottom的值為0,margin:auto;代碼如下圖:
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://m.oulysa.com/news/4899.html