Надеюсь, я задаю глупый вопрос здесь:
У меня на странице есть div, который отображается: block и шириной 1187px. Внутри этого div у меня есть таблица display: table, width: 100% и шириной 1456px. Так что это не складывается ....
Внутри таблицы у меня есть тело, которое отображается: table-row-group, width: auto и имеет ширину 1456 пикселей. Внутри у меня есть tr, который является display: table-row, width: 100% и имеет ширину 1456 пикселей. Хорошо, пока ....
Внутри этого у меня есть тд, который отображает: ячейка таблицы, ширина: 20%, и ширина 67px. Это определенно не 20% от 1456. Еще один тд там - дисплей: ячейка таблицы, ширина: 40%, ширина 1218 пикселей. Это намного больше, чем 40% от 1456. В общем, похоже, что мои ширины определяются моим контентом, а мои тд восхитительно игнорируют назначенные им проценты. Один из моих td - это width: auto, поэтому он должен быть в состоянии поглотить всю оставшуюся ширину в строке, как только остальные получат свои проценты?
Есть ли какие-нибудь распространенные подводные камни, в которые я, возможно, попал сюда?