假设以下HTML:

body {
  margin: 0;
  padding: 0;
  background-color: fuchsia;
}

#item {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 20px;
  margin-left: 10px;
  background-color: aqua;
}
<div id="item">
  Hello
</div>


由于该元素是绝对定位的,因此我希望在这里忽略margin-topmargin-left属性。但是,我发现元素的顶部对齐20px,左侧对齐10px。 (在此处使用Chrome 77)

有人可以解释一下为什么/如何考虑保证金吗?

最佳答案

因为那是spec所说的:



另外:https://www.w3.org/TR/CSS2/visuren.html#propdef-position

10-05 20:58
查看更多