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

我试图用CSS设置

元素的宽度。只是使用

main {
  width:200px;
}

在除Internet Explorer之外的所有浏览器中都可以正常工作（Edge可以正常工作）

看看这个例子：

IE11中的结果：

铬的结果是：

---

Internet Explorer（）不支持HTML5

main

元素

您需要将

main

定义为块级元素，以便

width

工作

进行此调整：

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

由于Internet Explorer无法识别

main

元素，这意味着它未在IE的默认样式表中定义，因此它使用CSS初始值（）

该属性的初始值为

inline

内联元素将忽略

width

属性。根据规范：

width

属性不适用

通过将

main

元素定义为author样式中的块级元素，

width

属性将起作用

更多详情：

---

谢谢，这很有效！奇怪的是，IE11不支持这个简单的HTML5标记。@JensResrestors IE需要几年时间才能支持所有其他浏览器支持的新元素、CSS属性和API，所以，不，这并不奇怪，在Edge中也不会有太大的不同。主标记是Edge中的display:block默认值：）