Похоже, вы пытаетесь отобразить табличные данные без использования таблицы HTML.Причиной этого, вероятно, является отвращение к таблицам, появившимся в эпоху проектирования после создания таблиц.Однако следует отметить, что для всего есть время и место, и есть веская причина, по которой элемент <table> не считается устаревшим.
Когда-то был элемент с именем <table>.CSS не был даже мерцанием в глазах матери.Чтобы элементы отображались так, как вы этого хотели, вам нужно было связать воедино сеть из вложенных таблиц.Это был кошмар.Это был кошмар, чтобы читать код, поддерживать код и создавать код в первую очередь!Вместе с CSS появился и все отказались от таблиц как устаревших и запрещенных.Зачем?Поскольку люди использовали табличный тег, как он не предназначен, собирая его в местах, где он не имел бизнеса.
Теперь многие люди копируют <ul> связанных данных в столбцы для представления таблиц, опасаясь использования запрещенного элемента <table>.Но дело в том, что это так же плохо, как неправильное использование таблиц.Он создает спагетти-код, который трудно понять с помощью программ чтения с экрана, трудно отладить, трудно поддерживать, и в конечном итоге он использует хаки браузера или javascript для стилизации.
Для выполнения этого хака, однако, необходимоДля таких списков вы должны указать атрибут высоты для элементов li.При статической высоте позиционирование li становится предсказуемым, и вы действительно можете это сделать.Но это не похоже на то, что вы ищете, так как кажется, что li3 должен быть жидкого роста.Единственный способ действительно сделать это - использовать jQuery или таблицу HTML, динамически определять высоту li3 и применять эту высоту к другим li3.Использование jQuery для достижения этой цели может привести к переполнению неустановленного контента, особенно на медленных соединениях и старых браузерах.Я настоятельно советую вам пересмотреть свой HTML.