定位

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阅读 14,687评论 1 92
  • 学习建议 定位、浮动是 CSS 核心知识点,必须熟练掌握。 1.文档流的概念指什么?有哪种方式可以让元素脱离文档流...
    饥人谷_任磊阅读 4,760评论 0 3
  • 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人...
    lulu_c阅读 4,816评论 0 5
  • relative:生成相对定位的元素,通过top,bottom,left,right的位置相对于其正常位置进行定位...
    zx9426阅读 4,563评论 0 2
  • 感恩朋友们的关心,给我发来今天台风登陆东莞的信息,让我注意防范,虽然我已经在江西,不受影响,还是要谢谢你们!并祝福...
    Janewei阅读 864评论 0 0