定位

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)

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 7,897评论 1 83
  • 学习建议 定位、浮动是 CSS 核心知识点,必须熟练掌握。 1.文档流的概念指什么?有哪种方式可以让元素脱离文档流...
    饥人谷_任磊阅读 257评论 0 3
  • 转自大漠老师博客,如需转载烦请注明出处:英文原文:http://learn.shayhowe.com/advanc...
    抱着熊喵啃什么阅读 203评论 0 3
  • 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人...
    lulu_c阅读 300评论 0 5
  • relative:生成相对定位的元素,通过top,bottom,left,right的位置相对于其正常位置进行定位...
    zx9426阅读 238评论 0 2