美文网首页
css中的position属性详解

css中的position属性详解

作者: 粥蛋蛋 | 来源:发表于2019-04-08 16:49 被阅读0次

根据w3c的标准,position一共有五个属性值,static,inherit,fixed,relative,absolute

  1. static
    static是position的默认值。
  2. inherit
    表示会从父元素继承position的值。
  3. fixed
    固定定位。相对浏览器的窗口进行定位,可以配合left,right,top,bottom使用
  4. relative
    相对定位。对于附加该属性值的定位,相对于该元素的正常位置进行定位,可以配合left,right,top,bottom使用
  5. absolute
    绝对定位。相对于除了static以外的第一个父元素进行定位,如果没有,则相对于浏览器窗口定位,可以配合left,right,top,bottom使用

position属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定定位元素会生成一个块级框,而不论该元素本身是什么类型。

注:根据w3c的提示,任何IE版本的浏览器都不支持属性值inherit(目前还没试过)

相关文章

网友评论

      本文标题:css中的position属性详解

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