css - divを別のdivに揃える

Question

添付の画像のように、2つのdivがあります。Miの問題は、image1に示すように、div2がdiv1の下に入らず（div1が終了したとき）、列に残っていることです（2番目の画像が添付されているように）。

最初の画像 2番目の画像

div1cssは次のとおりです。

width: 391px;
height: 380px;
float: left;
margin-right: 10px;

一方、div2 css ishasにはcssがありません（何を挿入すればよいかわかりません）。

どのようにできるのか？

ありがとう、マティア

score 3 · Accepted Answer

あなたのマークアップが

<div id="div1">...</div>
<div id="div2">...</div>

スタイルが適用されていない場合、全体のレイアウトは図1のようになるため、何もする必要はありません。div2

フィドルを参照してください：http：//jsfiddle.net/qAqv3/

score 2 · Accepted Answer

divは、幅と高さが1つだけであるため、長方形にすることができます。div1をdiv2に挿入し、float：leftを使用してdiv2のコンテンツ（div1を含む）を設定できます。

これがデモです：http：//jsfiddle.net/DX2vJ/1/

score 1 · Accepted Answer

div内にdivを作成し、最初のdivに関連する2番目のdivを設定することができます（少なくとも、それがあなたの試みであると思います）

#Menu
{
    position:absolute;
    text-align: left;
    width="1024px";
    height="768px";
}

#startButton
{
    position:relative;
    left: 400px;
    top: -350px;
}

<div id="Menu"> <img src="path/to/img.jpg" width="1024px" height="768px"></img>

    <div id="startButton">
        <img src="path/to/img.jpg">
    </div>

</div>

私はこれがあなたを助けることを願っています:)

score 0 · Accepted Answer

最初の画像にはそのようなL形式はありませんdiv。divは長方形です。

その最初の画像のようなデザインが必要な場合は、gabitzishやArjen van Heckに従ってくださいdiv 。他の画像の下（2つの長方形）が必要な場合clear: both;は、2番目のdivのcssルールを適用してください。

css - divを別のdivに揃える

4 に答える 4

Related

Reference