如何强制一个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. 指定float:left;和的DIV应该是彼此相邻
一个 width:

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