2013-09-02 2 views
-1

Я чувствую, что это очень простая проблема, но я не могу обернуть вокруг себя голову. У меня есть пучок divs, добавленный в контейнер. Затем я хочу, чтобы те divs свободно размещали их в любом белом пространстве, но они должны переместиться от сверху вниз, Слева направо. Я также не могу настроить порядок div. Вот пример моей проблемы http://jsfiddle.net/8GMGF/1/. Мне нужно, чтобы синий ящик автоматически переместился в свободное место над ним. Спасибо за любой вклад.Позиционирование поплавка Div

PS. Я также попробовал flexboxes, но они, похоже, не могут использовать свободное пространство. Может, я что-то пропустил.

+0

Ах, да. Спасибо, но я забыл упомянуть, что оранжевый контейнер будет динамически меняться с размером окна, и я предпочел бы не иметь этого огромного пространства посередине. Спасибо за комментарий. – Fallen

+0

Чистый CSS, вероятно, не сработает. См. Http://stackexchange.com/sites для примера JavaScript, который похож на то, что вы пытаетесь сделать. –

+0

Это неутешительно. Я надеялся остаться вне решения Javascript для этого. – Fallen

ответ

3

Результата вы ищете (с тонкими настройками, которые вы хотите сделать) не может быть возможен с чистой HTML и CSS, вы можете посмотреть в использовании плитки плагина, такие как Masonary для JQuery:

http://masonry.desandro.com/index.html

+0

Пример аналогичного решения, называемого [Изотоп] (http://isotope.metafizzy.co), используется в [списке сайтов StackExchange] (http://stackexchange.com/sites). –

+1

Спасибо. Я даже не знал, что я ищу. – Fallen

Смежные вопросы