IEだけmarginがきかない時があります。
main,asideは、インターネットエクスプローラでは、marginが効きません。
IE11がmain要素に対応していないので、IE11でmain要素を含んだコードを書くと
main要素でマークアップされた部分はブロックレベル要素として扱われず、widthとheightの指定が無視されます。
IEにmarginがきかない時の対処方法
1. display:blockを付与する
|
1 2 3 4 5 |
<span class="nt">main</span> <span class="p">{</span> max-<span class="nl">width</span><span class="p">:</span> 768<span class="m">px</span><span class="p">;</span> margin:0 auto; <span class="nl">display</span><span class="p">:</span> <span class="nb">block</span><span class="p">;</span> <span class="c">/* 追記 */</span> <span class="p">}</span> |
2.リセット CSSにコードを設置する
|
1 2 3 4 5 6 |
/* cssに設置 */ header,footer,section,article,main,side,figure { display:block; margin:0; padding:0; } |
