position定位有哪些?各有什麼特色?

osition屬性值:position的屬性值共有四個經常使用咱們在佈局上常常會用到的相對定位和絕對定位經常使用的屬性top、bottom、left、right或者 z-index 聲明在position爲static的狀況下無效。瀏覽器

特色:absoluteabsolute fixed改display屬性blockk 佈局

1)塊狀元素在position(relative/static)的狀況下width爲100%,可是設置了position: absolute以後,會將width變成auto(會受到父元素的寬度影響)。it

2)元素設置了position:absolute以後,若是沒有設置top、bottom、left、right屬性的話,瀏覽器會默認設置成auto,而auto的值則是該元素的「默認位置」。即設置position: absolute先後的offsetTop和offsetLeft屬性值不變。
1.會改變行內元素的呈現模式,使display之變動爲block。io

2.會讓元素脫離普通流,不佔據空間。static

3.默認會覆蓋到非定位元素上。top

相關文章
相關標籤/搜索