Посмотрите на это
Я использую float:left
чтобы выравнивать содержимое моего веб-сайта по сетке.
С левой стороны пространство между двумя объектами равно 24px
, тогда как с правой стороны - 10px
.
Как заполнить лишние пробелы, чтобы обе стороны могли иметь 10px
margin?
Вы не можете достичь того, что хотите, только с помощью CSS-поплавков, если вы не сделаете все свои панели фиксированной высотой и не усекаете ее содержимое слишком большим.
Если у вас должны быть коробки разного размера, используйте библиотеку JavaScript, такую как масонство http://masonry.desandro.com