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

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

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

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

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

1 个答案: