css - 位置：絶対との相対的なCSSポジショニングプロパティは何ですか？

Question

、、、およびwithを使用するとbottom、要素のそのエッジが親要素のそのエッジからある程度離れた位置に設定されます。しかし、親のエッジはどのように定義されていますか？ボックスモデルのどこにありますか？境界線やマージンは含まれていますか？パディング？topleftrightposition: absolute

Answer 1

境界内にありますが、パディングは無視されます。

例を挙げて見てみましょう。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に位置が設定されていない場合、フィドルの本体がその親として使用されます。