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

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

  •  0
  • BenjiFB  · 技术社区  · 3 年前

    https://codepen.io/benrhere/pen/XWRmVjr

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

    Picture showing possibly differing stacking orders

    <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
  •  -1
  •   Furqan Saeed    3 年前

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