html - 子 固定配置要素が親に整列されていない 相対配置要素

Question

div相対的に配置され、高さが38pxこの中にある がありdiv、位置が絶対として設定され、一番上のプロパティが38pxで、左のプロパティが です0。しかし、左から見ると、親要素からの一種の左マージンをもたらす
left プロパティを設定したように見えるのではなく、親要素に整列していないことがわかります。1px1px

それで、実際に何が起こっているのですか？

Answer 1

親要素の境界線上に子要素を配置できないことが原因だと思います。たとえば、あなたの親が次のborder-width:5px場合：

見る？子divは5px（親divの境界線の幅）の直後に始まり、親divの内側にあるため、境界線の上に立つことはできません（英語が下手で申し訳ありません）要素を配置するかどうかは関係ありません親 div の外側に表示されるようにしても、親子の配置規則に従います。

解決：

次のいずれかを設定できます。

left:-1px;

また

margin-left:-1px;

あなたの子要素に。ハックに見えますが、それが私たちができるすべてです。

デモ: http://jsfiddle.net/s4v89/1/