У меня есть таблица с width: 100%
и элемент в этой таблице с width: 40em; max-width: 100%
, но элемент все равно растягивает таблицу, когда окно браузера становится слишком маленьким.
Я хочу, чтобы этот элемент был фиксированной шириной, но не больше контейнера, если контейнер становится слишком маленьким. Если места для фиксированной ширины недостаточно, max-width: 100%
должен сделать его меньше, чтобы соответствовать доступному пространству. Это работает за пределами таблицы.
Обратите внимание, что max-width
не находится в самой таблице. Это на самом деле элемент <input>
, хотя связанный мной код включает отдельную таблицу с той же проблемой в элементе <span>
. Он также содержит поле <input>
вне таблицы, которое ведет себя правильно.