У меня есть стол сwidth: 100% и элемент в этой таблице сwidth: 40em; max-width: 100%, но элемент все еще растягивает таблицу, когда окно браузера становится слишком маленьким.

Я хочу, чтобы этот элемент был фиксированной ширины, но не был больше контейнера, если контейнер становится слишком маленьким. Если там'недостаточно места для фиксированной ширины,max-width: 100% должно сделать его меньше, чтобы соответствовать доступному пространству. Это работает за пределами стола.

Обратите внимание, чтоmax-width не на самом столе. Это на самом деле на элемент, хотя код I 'Связанный включает в себя отдельную таблицу с той же проблемой на<span></span> элемент. Это также включает в себя поле за пределами таблицы, которая ведет себя правильно.

ссылка на jsfiddle