html - ある要素を他の要素の下に表示する方法は?

Question

HTML ファイルの CSS に問題があります。

私は2つのdivを持っています:

<div class="one">
    ....
</div>
<br>
<div class="two">
    ....
</div>

次のCSSを使用：

.one 
{
    position: relative;
    float: left;
}
.two 
{
    position: relative;
    float: left;
}

問題: 最初の div は非常に大きく、2 番目の div は最初の div の下にあるはずですが、そうではありません。最初の div からの権利です。

これを修正して、2 番目の div がページの左側のサイトから始まる最初の div の下にあるようにするにはどうすればよいですか?

score 2 · Accepted Answer

Why clear?のわかりやすい説明です。

追加clear: left_.two

.two {
clear: left
}

score 1 · Accepted Answer

1

.two{ position:relative; clear: left;}

于 2013-07-15T08:51:11.920 に答える

score 1 · Accepted Answer

clear:both2番目のdivで行います。これにより、ボックスの両側がクリアされるため、フローティング要素はどちらの側にも許可されません。

score 1 · Accepted Answer

変化する

float: left;

に

display: block;

フロートに関する情報:

displayCSS のプロパティに関する情報:

score 0 · Accepted Answer

0

最初の divをクリアする必要があります。

于 2013-07-15T08:51:10.220 に答える

score 0 · Accepted Answer

たとえば、メニューを作成する場合、ベストプラクティスは、親 div で div をラップすることです。

<div class="parent">
    <div class="one">
        ....
    </div>
    <!-- remove the br -->
    <div class="two">
        ....
    </div>
</div>

次のCSSを使用：

.parent
{
    float: left;
}
.one 
{
...
}
.two 
{
...
}

6 に答える 6