MW211 EXIT

devlog
CSS/マージン相殺(ブラウザの違い)
2014年02月16日
のIEではマージン相殺が効かない場合があった。
IE7以前の話。

IE7以前(IE6、IE7)では、「hasLayout:true;」だとマージン相殺が効かなかった。
「hasLayout」については別途記載したのでそちらを参照ということで、
これを回避する方法のお話。

CSSハックを使う。
┌──────────────────────────────────────┐
│div {                                                                       │
│    margin-bottom   : 1em;                                                  │
│    *margin-bottom  : 0;    /* IE7以下に適用 */                             │
│}                                                                           │
└──────────────────────────────────────┘
頭に「*」をつければ、IE7以下のみに適用されるプロパティとなるので、
これを上書してあげる形とする。
分類:CSS