很多情況下,我們需要控制更多元素的位置,切超過了浮動(dòng)所能提供的范圍,這時(shí)候我們就需要使用“position”屬性對元素進(jìn)行定位,position提供了四種定位方式:
? 一、relative
?相對定位,相對于自身位置,使用top,left,right,bottom 屬性改變元素的位置。
二、fixed
?固定定位,相對于瀏覽器窗口進(jìn)行定位,并且不會隨滾動(dòng)條進(jìn)行滾動(dòng),始終保持在窗口的某個(gè)位置。
三、absolute
?絕對定位,會脫離文檔流,當(dāng)存在父級元素且父級元素有相對定位時(shí),相對于父級元素的位置進(jìn)行定位,否則相對于頁面的主體進(jìn)行定位。
四、static
元素都具有position屬性,默認(rèn)值是static,static屬性不接受位置屬性(top,right,left,bottom)值得影響,一般情況下不使用,當(dāng)需要消除某元素的其他定位時(shí),可以使用static屬性。