美文网首页
css:position 属性

css:position 属性

作者: 书童drj | 来源:发表于2017-06-07 19:34 被阅读0次

    很多情况下,我们需要控制更多元素的位置,切超过了浮动所能提供的范围,这时候我们就需要使用“position”属性对元素进行定位,position提供了四种定位方式:

      一、relative

     相对定位,相对于自身位置,使用top,left,right,bottom 属性改变元素的位置。

    二、fixed

     固定定位,相对于浏览器窗口进行定位,并且不会随滚动条进行滚动,始终保持在窗口的某个位置。

    三、absolute

     绝对定位,会脱离文档流,当存在父级元素且父级元素有相对定位时,相对于父级元素的位置进行定位,否则相对于页面的主体进行定位。

    四、static

    元素都具有position属性,默认值是static,static属性不接受位置属性(top,right,left,bottom)值得影响,一般情况下不使用,当需要消除某元素的其他定位时,可以使用static属性。

    相关文章

      网友评论

          本文标题:css:position 属性

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