css - ブロックレベルの要素でマージンまたはパディングをいつ使用すべきかを知る方法は？

Question

ブロックレベルの要素でいつ使用するか、paddingまたは使用する必要があるかについて、誰かが私にいくつかの例を教えてもらえますか？margin

下マージンの追加は、その下の要素によって無視されることがあることを私は知っています。たとえば、p要素に下マージンがあり、その下に20px別の要素に上マージンを指定した場合、上マージンがない場合よりも下に移動することはありません。どうしてこれなの？代わりに主に使用する必要がありますか？p20pxpadding

Answer 1

そのマージン効果は「マージン崩壊」として知られています

正式なルールはこちらです。

つまり、ある要素にマージンを定義するときは、隣接する要素の境界ボックス間の最小距離を宣言します。隣接する要素の2つのマージンの最大値は、このような2つのレイアウト兄弟を配置するために使用されます。