Q

Сделать поплавок div div div в другом контейнере при столкновении

css

2015-07-22 2 views 3 likes

3

Два столбца ящиков, а иногда и столбцы с левым столбцом могут быть больше столбца и должны перемещаться вниз по столбцам столбцов, чтобы избежать столкновения. Коробки справа или слева могут содержаться или нет, но я не знаю # большего размера. Все, что может быть плавали, блок или инлайн и т.д.Сделать поплавок div div div в другом контейнере при столкновении

I have this:

I want this:

ли это как-то можно только с помощью CSS?

JSFiddle (первые скриншоты)

спасибо!

источник

2015-07-22 Joan

+2

CSS, я уверен, не может это сделать. Я думаю, вам нужен Javascript. –

+0

Со всеми странными поведенческими CSS может быть, и на этот раз я действительно хочу один ... ну, довольно shure он может! ;) – Joan

+0

Paulie_D является правильным. Вам, вероятно, нужен jQuery –

A

ответ

3

Получил это! Установка зелени на inline-block и float: left на блюз (а не на их родителей) работает должным образом. Нет JS;)

JSFiddle (я перевернутый синий и зеленый в моих attemps)

источник

2015-07-22 17:14:45 Jorand

+1

Отлично! Я, наконец, был прав, чтобы поверить в решение no-JS;) Спасибо! (И спасибо другим за беспокойство!) – Joan