与position:absolute相关的CSS定位属性是什么？

我知道

底部

，

顶部

，

左侧

，和

右侧

带有

位置：绝对

将元素的边缘设置为与父元素的边缘相距一定距离。但是如何定义父对象的边缘？盒子模型在哪里？包括边框还是边距？填充？

它在边框内，但忽略填充

让我们用一个例子来说明它

HTML

---

当然，绝对定位的元素是相对于它遇到的第一个父元素进行定位的，该父元素使用除静态之外的任何东西进行定位。如果我的示例中的div没有位置设置，那么小提琴的主体将用作父对象。

我认为是内部填充。我想拼凑一个JSFIDLE或查看规范对您来说太麻烦了。请将其放入CSS:

*{border:2px虚线红色；}

这样您就可以准确地看到页面是如何构建的，只是稍微乱了一下。对不同的元素使用不同的颜色来检查哪个元素有哪个边框。此外，您可能还需要查找有关长方体模型的文档。这个问题太笼统了，你在找什么教程吗？

<div>
  <span>absolute</span>
  regular
</div>​

div {
  position: relative;
  top: 50px;
  left: 50px;
  background: #eee;
  padding: 15px;
  width: 100px;
  height: 100px;
  border: 5px solid #222;
}
span { 
  position: absolute;
  top: 0;
  left: 0;
}​