相对于with position: absolute，CSS定位属性是什么？

Question

我知道bottom、top、left和带有position: absolute的right将元素的边缘设置为与父元素的边缘保持一定距离。但是父元素的边缘是如何定义的呢？它在盒子模型中的什么位置？包括边框还是边距？填充物？

Answer 1

它在边界内，但忽略填充。

让我们用一个例子来说明它。View on JSFiddle

HTML

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

CSS

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;
}​

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