використовувати початкову ширину для елемента, який не працює в IE

У мене є графічний плагін, який вставляє канву і легенду <table>в свій контейнер. У цьому плагіні tableне widthвизначено, і в моєму CSS є ширина таблиць всередині цього контейнера, якщо мій плагін вставляється.

Отже, новий дів успадковується table{ width: 100%}від CSS та робить неправильним.

Я намагався використовувати width: initial;, виглядає добре в Chrome, але IE не любить це ^{перевіряти сумісність браузера}

Я допускаю зміну / примушування вбудованого CSS у скрипті / плагіні, оскільки він повинен працювати в будь-якій обстановці.

Яке тут найкраще рішення?

Як ви сказали, загалом width: autoбуде мати подібний ефект. Маючи правила:

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

Має викликати його використання, initialякщо він підтримується та autoінше.

Використовуючи width: auto;вбудований сценарій, всередині сценарію вирішується проблема в Chrome, FIrefox та IE 11. Просто не впевнений, чи є кращий спосіб.