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

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

但是当屏幕或body元素的with减少时，很少有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 粘在一起，请将它们放入一张表格的两个单元格（一行或两行，如您所愿）- 如果您缩小范围，它们将保持彼此的位置并且不会分开窗户。