Клей divs рядом друг с другом

Question

Есть ли способ сделать divs вроде клей друг другу независимо от того, что у них есть?

http://imgur.com/mxODPnk

Я попытался найти и float:left работы, но, например, в изображении выше желтого DIV сделает коричневый и зеленый не появляются в месте, как на картинке, но ниже линии желтый.

Я пробовал использовать дисплей: inline-block, но он все еще не работает.

.glue-div{ 
    margin-left: 10px; 
    border: 1px solid black; 
    color: orange; 
    float: left; 
    background: #303030; 
} 

вот jfiddle, который представляет то, что мой вопрос: http://jsfiddle.net/sezcY/

Просто посмотрите на сНе шесть позиционирования. Он должен быть ниже трех, и он имеет огромный запас.

Думаю, мне пришлось бы изменить порядок дивизионов через JQuery?

Answer 1

Они встроены, увеличивают размер панели результатов и проверяют ее.

Однако, когда с экрана или элемента тела уменьшается, несколько DIV элемент может перемещаться вниз

Исправление этой проблемы

/* Mobile browsers only */ 
@media only screen and (max-device-width: 480px) { 
    .newsletter_input { 
     width: 320px; 
    } 
    .newsletter_input #form{ 
     font-size:42pt 
    } 
} 

изменения селекторы

Answer 2

Если вы хотите, чтобы два DIVs держались вместе, поставьте их на две ячейки (в одной строке или в двух строках, как вам нравится) одной таблицы - они будут держать свое положение друг с другом и не будут дрейфовать друг от друга, если вы сузите окно.