html - 如何强制div显示在另一个元素旁边

Question

我有一个带有垂直下拉菜单的页面，我需要在它旁边创建一个照片库，但是，该库显示在菜单下方。我尝试调整尺寸为其腾出空间，但没有任何效果。

    #gallery {
    position:absolute;
    float:left;
    display:block;
    width:500px;

}

.square {
    width:150px;
    height:150px;
    float:left;
    position:relative;
    background-color:#dbdbdb;
}

.square2 {
    width:149px;
    height:149px;
    float:left;
    position:relative;
    border: 1px solid;
    border-color:#dbdbdb;
}

Answer 1

有多种方法可以实现这一点：

1. 将样式display:inline-block;应用于有问题的 DIV
2. 在应该彼此相邻的 DIV 上指定float:left;和width:

（对于任何一种方法）确保容器足够宽以使它们彼此相邻