L'elemento HTML5 main
non è supportato da Internet Explorer (see browser support data).
È necessario definire main
come elemento a livello di blocco per width
per funzionare.
eseguire questa regolazione:
main {
display: block; /* new */
width: 200px;
}
Poiché l'elemento main
non è riconosciuto da Internet Explorer – che significa che non è definito nel foglio di stile di default di IE – utilizza valori iniziali CSS (per the spec).
Il valore iniziale della proprietà display
è inline
.
La proprietà width
viene ignorata dagli elementi in linea. Dal spec:
10.3.1 Inline, non-replaced elements
La proprietà width
non si applica.
Definendo l'elemento main
come un elemento a livello di blocco in stili d'autore, la proprietà width
funzionerà.
Maggiori dettagli:
fonte
2016-03-05 21:59:30
Grazie, questo funziona! Strano che IE11 non supporti questo semplice tag HTML5. –
upvoted, buona risposta che è spiegata bene. – Billy
@JensRenders Ci vogliono anni IE per supportare nuovi elementi, proprietà CSS e API supportate da tutti gli altri browser, no, questa non è una sorpresa e non sarà molto diversa in Edge. – Rob