html - これら2つのパディング/マージンシナリオの違い

Question

次の例でpadding-leftとmargin-leftを使用する場合の違いは何ですか？

http://jsfiddle.net/bt49e/1/

左のdivは絶対に配置され、右のdivはパディング-左/マージン-左のいずれかで配置されます。ここで同じ意味で使用できますか？そして、どちらかを選ぶ場合、何か影響はありますか？

Answer 1

主な違いは、bfavaretto で提案されているように、計算された幅です。もう 1 つの違いは、境界線を追加することを選択した場合の境界線の位置です。あなたのフィドルへのこの更新を見て、私が何を意味するかを確認してください。

marginまた、ボックスの外側に追加され、内側に追加されるため、適用する背景画像/グラデーションのデフォルトの配置の違いに気付くかもしれませんpadding。