CSS позиционирование переполнение

Question

Это довольно сложная задача, чтобы описать, так что я думаю, что эта схема поможет:

это Setup-

.column {position: absolute; width: specific;} // each positioned with javascript 
.post {position: relative; margin: specific; width: either 100% or specific;} 

Вопрос заключается в том, если первый пост превышает ширину столбца, как я могу заставить сообщения в другом столбце реагировать и начинать только с более крупного сообщения? Мне нужно только это, чтобы работать с первым, и я не думаю, что плавающие сообщения имеют значение. Я знаю, что это может быть сделано с javascript без особых проблем, но сообщения расширяются при наведении, поэтому в css это будет намного лучше. Есть какой-либо способ сделать это? Нужно ли мне менять стиль позиции столбца? Или это возможно только с js?

Буду признателен за любой отзыв, даже если вы не можете придумать решение.

Answer 1

Если вы хотите хорошее решение нескольких дивов меняются местами и что нет, то MASONRY DAVID desandro в расслоении плотного плагина может быть для вас:

http://masonry.desandro.com/

Вы должны были бы использовать поплавки и пусть плагин сделать все остальное. Примените параметры isResizable и isAnimated (isResizable = true ;, isAnimated = true;) при вызове плагина в действие, и это должно сделать это.