Как решить эту проблему(верстка)?

Question

[sabanovvv]

Как сделать чтобы блоки располагались друг за другом,чтобы не было свободного пространства(отмечен черным кружком)

Answer 1

[Юрий Лобанов]

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

Answer 2

[Сергей Андреев]

Можно скриптом считать высоту и через

position:absolute;
top: Y;
left: X;

Позиционировать блоки

Comments

[Юрий Лобанов]

Аплодирую стоя.

Answer 3

[Виталий Желтяков]

Как я понимаю, Вас интересует это

Comments

[sabanovvv]

там нет решения(

[Виталий Желтяков]

@sabanovvv Решение там есть. Вас интересует именно это?

Answer 4

[stas]

Вариант «а»: Открыть таки ссылку, данную @VitaZheltyakov, и посмотреть ответ помеченный как Решение и последовать совету данному в ответе.
Вариант «б»: masonry.desandro.com
И третий вариант:

.item {
    float: left;
    clear: left;
}
.item:nth-child(even) {
    float: right;
    clear: right;
}