美文网首页
关于html的position定位问题

关于html的position定位问题

作者: 姆嗨森 | 来源:发表于2017-08-21 16:59 被阅读0次

参考文档:MDN

relative

当元素被设置为relative属性后,相对于该元素的原位置进行定位。

该元素的原空间得以保留。

该元素的新位置不影响其他元素;

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定.

absolute

当元素被设置为absolute属性后,相对于使用了relative,fixed,absolute其中之一属性的第一个父元素定位,直到浏览器窗口。

该元素的原空间不会保留。

该元素的新位置不影响其他元素。

由于css层叠样式的特点,如果后渲染的元素通过absolute定位跟前一absolute定位元素有重叠,后渲染的元素会覆盖前渲染的元素。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

static

默认值

fixed

相对于窗口位置绝对定位,位置不随页面滚动改变

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

相关文章

  • 关于html的position定位问题

    参考文档:MDN relative 当元素被设置为relative属性后,相对于该元素的原位置进行定位。 该元素的...

  • Position

    HTML5之基础position(定位) position 属性规定元素的定位类型,决定位置偏移属性,具体效果...

  • Html>(定位)position

    position:relative(相对定位) position:relative; 相对定位 position...

  • 定位层——css定位属性position及相关属性

    定位属性: position 作用:规定html元素的定位类型 相关属性: 当html元素(标签)被设置成定位层(...

  • css定位篇-position

    html中position定位有: static (默认的定位方式,文档流) relative (相对定位) ab...

  • html中position定位

    html中position有三个值:relative、absolute、fixed。 首先说position:re...

  • 关于CSS定位

    在CSS中关于定位的内容是:position:relative(相对定位)absolute(绝对定位) ...

  • 关于position定位

    介绍position的几种属性 position属性有以下几种: 相对定位(relative) 绝对定位(abso...

  • 关于position定位

    介绍position的几种属性 position属性有以下几种: 相对定位(relative) 绝对定位(abso...

  • CSS中的position

    HTML中的三种布局方式 浮动 标准流 定位 position属性的意义 position属性决定了元素将如...

网友评论

      本文标题:关于html的position定位问题

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