html – 元素在Internet Explorer 11中不起作用

概述我正在尝试设置< main>的宽度CSS的元素.只是用 main { width:200px;} 除了Internet Explorer(Edge确实有效)之外,所有浏览器都可以正常工 看一下这个例子：JSfiddle IE11的结果： Chrome中的结果： Internet Explorer( see browser support data)不支持HTML5主要元素. 您需要将main 我正在尝试设置< main>的宽度CSS的元素.只是用

main {  wIDth:200px;}

除了Internet Explorer(Edge确实有效)之外,所有浏览器都可以正常工

看一下这个例子：JSfiddle

IE11的结果：

Chrome中的结果：

解决方法 Internet Explorer( see browser support data)不支持HTML5主要元素.

您需要将main定义为块级元素,以使宽度起作用.

进行此调整：

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

因为Internet Explorer无法识别主要元素 – 这意味着它未在IE的默认样式表中定义 – 它使用CSS初始值(per the spec).

display属性的初始值是内联的.

内联元素忽略wIDth属性.从规格：

07003

The wIDth property does not apply.

通过将主元素定义为作者样式中的块级元素,wIDth属性将起作用.

更多细节：

> Default settings of unrecognized HTML elements
> Default style sheet for HTML 4
> main property browser compatibility
> display property definition and initial value

总结

以上是内存溢出为你收集整理的html – 元素在Internet Explorer 11中不起作用全部内容，希望文章能够帮你解决html – 元素在Internet Explorer 11中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。