Почему максимальная ширина не работает для таблицы с шириной 100% и фиксированным макетом? ⇐ CSS

[Anonymous]

Я создал таблицу HTML с четырьмя столбцами. Я хочу, чтобы третий столбец имел максимальную ширину 50 пикселей. Однако ширина столбца не применяется должным образом.
Таблица должна занимать 100 % ширины контейнера с фиксированным макетом. Несмотря на настройку max-width: 50px для третьего столбца, похоже, она игнорируется.
Что может быть причиной этого и как это исправить?
Вот мой код:



table {
border-bottom: 1px solid black;
border-right: 1px solid black;
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
table td, table th {
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: none;
border-right: none;
}
table td:nth-child(3), table th:nth-child(3) {
max-width: 50px;
word-wrap: break-word;
}





Col1
Col2
Col3
Col4



88
888888888888
longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
88888888


AA
AAAAAAAAAAAA
longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong
AAAAAAAA







Подробнее здесь: https://stackoverflow.com/questions/793 ... t-of-fixed