Проблема с плавающей точкой

Question

У меня есть плавающий div с динамическим содержимым. В первом ряду мне нужно четыре деления, аналогично во 2-м, 3-м, 4-м и т. Д. Мне нужно четыре деления. Я могу назначить класс для одного div, и он будет автоматически генерировать остальные div. Моя проблема в том, что я могу установить минимальную высоту в div, но я не могу установить максимальную высоту, поскольку контент создается динамически. если содержание низкое, div не сидят в прямом ряду. по этой причине, у предстоящих div'ов также возникают проблемы, как их организовать?

Answer 1

Давайте разберемся. У вас есть несколько строк с 4 DIV в каждом - давайте назовем их ячейки просто для удовольствия. Вы хотите, чтобы их высота была одинаковой во всей строке при наличии динамического содержимого. Я собираюсь выйти на конечности здесь и предложить вам использовать стол.

Answer 2

В первый раздел новой строки добавьте clear:both;. Это сделает все div в прямой ряд.

div {float:left;border:1px solid #000;margin:20px;width:100px;}
.clear_both{clear:both;}
.one {height:100px;}
.two {height:50px;}
.three {height:200px;}
.four {height:150px;}

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="two clear_both"></div>
<div class="three"></div>
<div class="four"></div>
<div class="one"></div>

Answer 3

Одна вещь, которую вы можете сделать, это установить фиксированную высоту и использовать overflow Свойство CSS, установленное на hide, чтобы скрыть текст, и использовать атрибут title, чтобы показать весь текст во всплывающей подсказке.