主页 / 问题 / 726681
Accepted
diralik
Asked:2020-10-05 00:48:10 +0000 UTC2020-10-05 00:48:10 +0000 UTC

负边距顶部对元素 z 顺序的影响

  • 772

有两个div，第二个有一个 css 属性margin-top: -50px。但事实证明，第一个div位于第二个上方（沿轴更高z）。这是为什么？

#a {
  font-size: 70px;
}

#b {
  margin-top: -50px;
}
<div id="a">a</div>
<div id="b">Lorem ipsum dolor sit amet</div>

静态定位的元素似乎应该z按照它们在 html 中出现的顺序沿轴定位

html

1 个回答

  1. Best Answer

    在你看来是这样，其实 block#b比 block 高#a。这是一个例子：

    #a {
  font-size: 70px;
  color: red;
  font-weight: bold;
}

#b {
  margin-top: -50px;
}
    <div id="a">a</div>
<div id="b">Lorem ipsum dolor sit amet</div>

    • 1

相关问题