代码之家 › 专栏 › 技术社区 › BenjiFB

为什么Position:Relative会隐藏以前浮动的兄弟姐妹

z-index css-float css

BenjiFB · 技术社区 · 3 年前

最终,我将不再使用float:对,但我只是对这个很好奇。

<html>
  <body>
    <div class="outer">
      <span class="floated">X</span>
            <div id="relative">Y</div>
    </div>
    <hr />
    <div class="outer">
      <span class="floated">X</span>
      <div id="notRelative">Y</div>
    </div>
  </body>
</html>

1 回复 | 直到 3 年前

-1

Furqan Saeed 3 年前

元素的默认位置是静态的,但当您为元素指定非静态的位置时,它将指定一个z索引。这就是为什么跨度低于div的堆栈索引。

推荐文章

Kyle Lemon · 突出显示页脚背景和内容之间的跨距

7 年前

Valentyn Stets · Webpack 2 css加载程序在生产构建中替换z-index属性

7 年前

Nick · 浮动操作按钮z索引更改延迟

7 年前

Vandan Shah · 粘性表格标题结构中的不透明度问题

7 年前

norixxx · 当父内容将图像作为子内容,并且其他元素具有不透明度时,CSS堆栈顺序会发生变化

7 年前

assoonaspossible · 具有固定父元素的绝对定位元素上的z索引[重复]

7 年前

Ismail Rubad · z索引为1的元素位于祖父母的div下

7 年前

JV Lobo · 具有transform属性的元素内的子元素z索引

7 年前

Tog Porter · 如何让图像滚动到导航栏后面

7 年前

Jasminder Pal Singh · 复杂的Z指数叠加问题

7 年前