property
- fixed
- absolute
- relative
fixed
當(dāng)頁面內(nèi)容過多滾動時丢早,它的位置也不會變
absolute
通過absolute定位可以將元素放到瀏覽器的任何位置,不過它是相對于他的父容器的定位而定位的
拿此例來說吧
<div class="aa"></div>
<div class="box">
<p>1233sdas</p>
</div>
現(xiàn)在給p元素定位
.box p{margin: 0;padding: 0;position: absolute;top: 0px;left: 0px;}
如果.box沒有定位即使p放在.box內(nèi)則p會相對于瀏覽器定位
總結(jié):定位順序1.瀏覽器2.父元素
relative
relative是相對于自身原有的位置進(jìn)行定位,等價于css3的transform:translate(x,y)