0

私は2つの部門を持っています。ウィンドウの左側に 1 つの div を配置し、右側にもう 1 つの div を配置します。ロゴとその横にある小さなテキストでこれを正しく行いました。ただし、その下にさらに 2 つの div を追加したいと考えています。これらの 2 つの div を 1 つの div に配置し、clear:both;この div を他の 2 つの div の下にうまく配置します。しかしfloat: right;、2 番目の div を実行すると、メインの div の外に出てしまいます...なぜですか?

コード: (これは左側に並べる必要があります)

#menu {
    background-color:#485D9C;
    margin-left:10px;
    text-align:center;
    width: 200px;
    position:absolute;
    float:left;
}

（これは右に並べる必要があります）

#content {
    text-align:right;
    width:600px;
    position:absolute;
    float:right;
}

(これは、「コンテンツ」と「メニュー」の両方が含まれる div です)

#middle {
    clear:both;
    border: thick solid;
    position:relative;
}
4

4 に答える 4

1

例はありますか？この小さなテストで: http://jsfiddle.net/BouFe/uHJQB/1/動作します!

于 2012-07-25T20:58:26.207 に答える
1

フロートを使用するときはいつでも、「clear: both;」を使用して div を配置します。フロートが適用された要素を保持するコンテナの内部に適用されます。この例はここにあります。これはあなたが探していたものだと思います。

于 2012-07-25T21:06:17.320 に答える
0

外側の div を配置して、position: relative; を設定してみてください。内部要素はその位置を絶対としてマークします

于 2012-07-25T20:54:58.997 に答える
0

コードを見ないと何が起こっているのか正確にはわかりませんが、フロートをクリアしていないだけなのだろうか?

http://www.quirksmode.org/css/clearing.html

于 2012-07-25T20:57:30.803 に答える