Pull to refresh
7
0
Send message
С этим согласен, идея та же, исполнение немного другое. Но опять повторюсь: способ Чикуёнка у меня не сработал, даже когда я просто скопировал код из его примера.
Жаль, но можно просто сверстать таблицей, правда это считается черновым способом, так как таблицы предназначены для вывода табличных данных. Просто условием этой задачки является не использовать таблиц ни в каком виде.
Зачем же тогда использовать box-sizing, если, как я и описал в посте, можно padding применять к вложенным блокам (в которых находится текст).
Простите, но это другой способ. При попытке решить эту задачу я в первую очередь пробовал применить его, но он оказался нерабочим и запутанным. Там используется position:relative, top, left для позиционирования блоков, в то время как у меня float и margin.
В методе, описанном в данной статье, высота блоков не задается ни в каком виде, они увеличиваются одинаково вслед за увеличением контента. А при использовании box-sizing, мне необходимо указать высоту блоков, чтобы они были одинаковы, но когда контент превысит заданную высоту, то блоки опять станут разной высоты, либо контент обрежется/выйдет за границы блоков.
В таком случае, можно мне ссылку на описание применения данного способа без ограничения высоты блоков, либо описать здесь в нескольких словах?
А разве при box-sizing не придется ставить статическую высоту? Мое решение предоставляет динамическое изменение высоты блоков в зависимости от размера контента, тогда как в вашем случае необходимо намертво ограничить высоту.
Вся соль задачи такова, ведь не было бы проблемы, если нужно было все это сверстать под Chrome последней версии.
Вы правильно подметили, но здесь и так понятно о чем идет речь. И в любом случае оригинальное название поста проще найти в поиске.
Но также блоки .text_container_l и .text_container_r имеют одинаковую высоту, но выстраиваются в отдельные колонки.

(извините, теги вставил, а их обрезало, не нашел как редактировать комментарии)
Но также блоки:
имеют одинаковую высоту, но выстраиваются в отдельные колонки.
Согласен, но подобного решения я не нашел в интернете и сам к нему пришел. Получилось все настолько просто, что другие способы кажутся слишком сложными и запутанными. Вот решил написать сюда пост для других людей, которые столкнутся с данной проблемой.
Спасибо за Демо. Примеров в моем посте крайне не хватает.

Information

Rating
Does not participate
Registered
Activity