css - 将 div 粘在一起

Question

有没有办法让 div 像胶水一样相互粘合，无论它们的大小如何？

http://imgur.com/mxODPnk

我已经尝试搜索并且 float:left 有效，但是例如在上面的图像中，黄色 div 将使棕色和绿色不会出现在图像中的位置，而是出现在黄色线。

我试过使用 display: inline-block 但它仍然不起作用。

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

这是一个代表我的问题的 jfiddle:http://jsfiddle.net/sezcY/

简单的看一下div的六个定位。它应该低于三，并且有很大的余量。

我想我必须通过 JQuery 重新排列 div 的顺序？

Answer 1

它们是内联的，增加结果 Pane 的大小并检查它。

但是当屏幕或body元素的with减小时，少数DIV元素可能会下移

解决那个问题

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

改变选择器