2021年01月21日(木)

CSSにおけるマージンの相殺を徹底解説

• 0
• 88
• 102
• 130

CSSにおけるマージンの相殺は何か、どういう条件で起こり、どのように相殺されるのか、また相殺を回避する方法などを紹介します。

下と上のマージンの相殺は単純ですが、マージン値が異なる場合、入れ子の場合、複数の場合、同方向の場合、負のマージンの場合、パディングやボーダーがある場合など、実装に伴うさまざまな例を解説します。

この記事を読むと、マージンの相殺がどのように機能するかがよく分かるようになり、悩むことはなくなります。