美文网首页
2019-08-17 定位之position之absolute

2019-08-17 定位之position之absolute

作者: 枫叶落尽 | 来源:发表于2019-08-17 12:45 被阅读0次

可以看到,当把元素的position设置为absolute之后,如果不设置top、left等属性值,元素会相对与文档流进行定位,类似于float的效果。并且元素不在文档流中,会遮盖后面的正常文档流元素,后面的absolute元素会遮盖前面的absolute元素。

absolute元素还会遮挡float元素:


被absolute元素遮挡的float元素

如果设置了absolute元素后,设置了top、left等属性,则按照absoulte定位规则定位。

对于所有的absolute元素而言,默认情况下,如果后面的元素和前面的元素有重叠部分,后面的会遮盖前面的。但可以通过设置z-index来进行设置。



设置为-1

相关文章

  • 2019-08-17 定位之position之absolute

    可以看到,当把元素的position设置为absolute之后,如果不设置top、left等属性值,元素会相对与文...

  • 遮罩效果--首页公告

    position:absolute;绝对定位 position:absolute;(表示绝对定位),这条语句的作用...

  • 盒子定位

    一、定位有哪几种 float浮动定位position:absolute;静态定位position:absolute...

  • 2018-04-22

    position:relative相对定位 position:absolute绝对定位 position:fixe...

  • 背景定位

    background-position position:absolute(绝对定位) position:fixe...

  • css div 重叠

    position: absolute;用绝对定位。

  • CSS第六部分 8.2

    一、相对定位1.相对定位:position:relative;绝对定位:position:absolute;固定定...

  • 30、CSS定位position之absolute

    绝对定位 :absolute 绝对定位的特点: 开启绝对定位后,不设置偏移量的话元素的位置就不会改变 开启后,元素...

  • CSS核心属性7---position 定位

    position 定位属性,检索对象的定位方式; 一、语法:position:static /absolute/r...

  • 10.position定位

    1.position定位 1.position: relative absolute绝对定位无视padding2....

网友评论

      本文标题:2019-08-17 定位之position之absolute

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