Макет таблицы с 4 столбцами в HTML не работает

Question

Я обычный возврат макета таблицы в чистом html, который имеет 4 столбца

    <table>
<colgroup span="1" width="20%"/>
<colgroup span="1" width="30%"/>
<colgroup span="1" width="20%"/>
<colgroup span="1" width="30%"/>
<tr>
<td colspan="3">
question data.......
</td>
<td colspan="1">
Answer data......
</td>
</tr>
<tr>
<td colspan="2">
question data.......
</td>
<td colspan="2">
Answer data......
</td>
</tr>
</table>

Этот макет должен нормально работать с столбцами первой строки должны иметь ширину 70 и 30% соответственно, и вторая строка должна иметь ширину50 и 50 соотв.Но вывод, что я вижу, отличается.в чем может быть проблема и как это исправить.Для этого есть пара решений: 1. определение ширины на уровне столбца. 2. определение пустой строки с четырьмя столбцами выше или ниже.

Но почему это происходит?

Answer 1

По моему опыту, назначение ширины столбца при использовании colspan не работает.Я не знаю почему, но спецификация ширины, кажется, игнорируется - в любом случае, она никогда не делает то, что вы ожидаете.