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:

(どちらの方法でも) コンテナの幅が、両方を並べて収まる十分な幅であることを確認してください。