IEにmarginが聞かない時の対処方法

最終更新日

IEだけmarginがきかない時があります
main,asideは、インターネットエクスプローラでは、marginが効きません。

IE11がmain要素に対応していないので、IE11でmain要素を含んだコードを書くと
main要素でマークアップされた部分はブロックレベル要素として扱われず、widthとheightの指定が無視されます。

IEにmarginがきかない時の対処方法

1. display:blockを付与する

main {
    max-width: 768px;
    margin:0 auto;
    display: block; /* 追記 */
}

2.リセット CSSにコードを設置する

/* cssに設置 */
header,footer,section,article,main,side,figure {
    display:block;
    margin:0;
    padding:0;
}

シェアする