html中position定位問題


html中position定位問題

CSS布局(四) float詳解

一、語法:position:static(無特殊定位)/absolute(絕對定位)/relative(相對定位)/fixed(固定定位)

1static:默認值,無特殊定位,對象遵循HTML原則;
2
absolute:絕對定位,將對象從文檔流中拖出,使用left/right/top/bottom等屬性相對其最接近的一個並有定位設置的父元素進行絕對定位;
如果不存在這樣的父對象,則依據body對象而其層疊通過z-index屬性定義;
(ps:簡單來說就是以上級最近的設置位置定位的標簽為定位坐標,如果沒有就以body)
一般父標簽用relative定位,這樣就能以父元素作相對定位,不用去計算頂級標簽的位置)

3、relative:相對定位,將依據right,top,left,bottom(相對定位)等屬性在正常文檔流中偏移位置;
(ps:以當前位置移動,並且原位置被占用。)
4fixed:(固定定位),對象定位遵從絕對定位方式(absolute);但是要遵守一些規范;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM