定位

property

  • fixed
  • absolute
  • relative

fixed

当页面内容过多滚动时,它的位置也不会变

absolute

通过absolute定位可以将元素放到浏览器的任何位置,不过它是相对于他的父容器的定位而定位的
拿此例来说吧

1233sdas

现在给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)

你可能感兴趣的:(定位)