胶水div彼此相邻

Question

无论如何，无论他们有什么尺寸，都能让divs彼此粘合吗？

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 six的定位。应该低于三，它有很大的余地。

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

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

如果您希望两个DIV粘在一起，请将它们放入两个单元格（在一行或两行中，如您所愿）的一个表< / strong> - 如果你缩小窗口，他们会保持彼此的位置并且不会分开。