理由はわかりませんが、ボックス モデルは CSS で私を混乱させます。より具体的には、マージンとパディングの違いが私を混乱させています。マージン、ボーダー、およびパディングのサイズが CSS の要素に設定されている場合は常に、次のようになります。
div {
margin: 20px;
border: 2px;
padding: 20px;
}
これは、ボーダーが 2 ピクセルでパディングが 20 ピクセル (20 ピクセル + 2 ピクセル + 20 ピクセル) 離れているため、マージンが要素から 42 ピクセル離れていることを意味しますか? それとも、余白は要素からパディングと同じ距離にありますか?