在IE中不工作的元素使用初始宽度

我有一个插图canvas和一个图例<table>到它的容器的插件。 在这个插件中， table没有定义width ，在我的CSS中，插件被插入的时候，容器中的表格有一个宽度。

所以，新的div从CSSinheritancetable{ width: 100%}并呈现错误。

我试图用width: initial; ，在Chrome上看起来不错，但IE不喜欢它 ^{检查浏览器的兼容性}

我承认在脚本/插件中更改/强制插入CSS，因为它必须在任何环境中工作。

这里最好的解决scheme是什么？

Answer 1

就像你说的，一般width: auto会有类似的效果。 有规则：

 .my-selector { width: auto; width: initial; } 

如果支持，应该使用initial ，否则使用auto 。

Answer 2

使用width: auto; 内联，脚本内部解决了Chrome，FIrefox和IE 11的问题。只是不确定是否有更好的方法。