property
- fixed
- absolute
- relative
fixed
当页面内容过多滚动时,它的位置也不会变
absolute
通过absolute定位可以将元素放到浏览器的任何位置,不过它是相对于他的父容器的定位而定位的
拿此例来说吧
<div class="aa"></div>
<div class="box">
<p>1233sdas</p>
</div>
现在给p元素定位
.box p{margin: 0;padding: 0;position: absolute;top: 0px;left: 0px;}
如果.box没有定位即使p放在.box内则p会相对于浏览器定位
总结:定位顺序1.浏览器2.父元素
relative
relative是相对于自身原有的位置进行定位,等价于css3的transform:translate(x,y)