美文网首页
position布局

position布局

作者: fanxl12 | 来源:发表于2017-02-21 14:10 被阅读14次

Position布局分为以下几种

  • static
    默认布局,没有定位
  • absolute
    绝对定位,如果一个元素绝对定位后,其参照物是以离自身最近元素是否设置了相对定位,如果有设置将以离自己最近元素定位,如果没有将往其祖先元素寻找相对定位元素,一直找到html为止。
    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定
  • relative
    相对定位,相对于自身原本位置进行定位。因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
  • fixed
    相对定位,它和absolute的区别在于,fixed是相对于浏览器窗口进行定位。
    元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
  • inherit
    规定应该从父元素继承 position 属性的值。

相关文章

网友评论

      本文标题:position布局

      本文链接:https://www.haomeiwen.com/subject/oicuwttx.html