タグ

2016年6月18日のブックマーク (1件)

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

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