CSSにおけるマージンの相殺の規則

CSSにおいてマージンの相殺される際の基本的な規則は下記の通り： 水平方向（左右）のマージンは相殺されない（マージンの相殺が行われるのは垂直方向のみ）。 パディング、ボーダーによって分離されず隣接するマージンにおいては、親ボックスとの間でも相殺が生じる。 floatされたボックスマージンは相殺されない。 overflow属性の値に"visible"以外が指定された要素は、その子要素とのあいだでマージンを相殺しない。 絶対配置（position:absolute;）されたボックスのマージンは相殺されない。 inline-block要素（display:inline-block;と指定されたボックス）のマージンは相殺されない。 クリアランスが与えられた要素の上のマージンは相殺されない。 ルート要素のマージンは相殺されない。 隣接するマージンがすべて正の値の場合は、もっとも大きいマージンの値が適

[takata3]

相殺

[nibushibu]

inline-blockのマージンは相殺されないのか…気づいてなかった