Группировка верхних рядов и ячеек

Почему после расскомментирования блока header, у первой ячейки появляется большой отступ справа?

Интересный вопрос, я затупил минут на 15. Но, кажется, я примерно понял причину. Дело в том, что у нас таблица. Тип «row», т.е. строка, задан только для ul, поэтому первый список и является строкой. Так как мы добавили совершенно левый блок с содержимым, не указав ему тип, то он как бы занимает в новой строке только одну ячейку — первую. А остальные ячейки из первой строки начинают уходить, потому что в header’е «длинное» содержимое. Примерно то же самое произойдёт с любой таблицей: если одну из ячеек растянуть, растянуться и остальные, находящиеся в том же столбце (сверху и снизу).
Получается так, что header — это как бы один td во втором tr, а в первом tr таких td больше. Они и сдвигаются. То есть получается, что наша таблица теперь состоит из двух строк, в первой четыре ячейки, а вот во второй одна.

Надеюсь, получилось понятно выразить мысль.

5 лайков

Спасибо, помог понять