<main>元素在Internet Explorer 11中不工作

我試圖用CSS設置<main>元素的寬度。正在使用<main>元素在Internet Explorer 11中不工作

main { 
    width:200px; 
}

在除Internet Explorer（邊緣不起作用）之外的所有瀏覽器中均正常工作。

看看這個例子：JSfiddle

結果在IE11：

結果在鉻：

的HTML5 main元件不是由Internet Explorer支持（see browser support data）。

您需要將main定義爲width才能正常工作的塊級元素。

使此調整：

main { 
    display: block; /* new */ 
    width: 200px; 
}

由於main元件並不由Internet Explorer –公認的含義它不是在IE的默認的樣式表–它使用CSS初始值（per the spec）所定義。

display財產的初始值是inline。

width屬性被內聯元素忽略。從規格：

10.3.1 Inline, non-replaced elements

的width屬性不適用。

通過將main元素定義爲作者樣式中的塊級元素，width屬性將起作用。

更多細節：

2016-03-05 21:59:30

謝謝，這個作品！奇怪的是，IE11不支持這個簡單的HTML5標籤。 –

upvoted，很好的答案，很好的解釋。 – Billy

@JensRenders IE需要多年的時間才能支持所有其他瀏覽器支持的新元素，CSS屬性和API，不，這並不令人意外，並且在Edge中也不會有太大的不同。 – Rob

回答