假设以下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-top
和margin-left
属性。但是,我发现元素的顶部对齐20px,左侧对齐10px。 (在此处使用Chrome 77)有人可以解释一下为什么/如何考虑保证金吗?
最佳答案
因为那是spec所说的:
另外:https://www.w3.org/TR/CSS2/visuren.html#propdef-position