0

次の例が http://jsfiddle.net/DLHGs/1/にあります。

bye要素を下にレンダリングすることは可能です hiが、それでも赤いブロックの右側に残りますか? (同じラインではなく)

明確にするために、私は を使用したくありません<br />float:left適用されたは削除できません。また、既に指定されているもの以外のプロパティhiを設定したくありません。widthheight

編集: 解決策: http://jsfiddle.net/T4XMq/

4

4 に答える 4

1

これはどうですか?

「こんにちは」と「さようなら」をラップするdivに追加float:leftし、「さようなら」をに設定しましたclear:left

<div>
    <div style="width:30px; height:300px; background:red; float:left;"></div>
    <div style="float:left">
        <div style="float:left;">hi</div>
        <div style="clear:both;">bye</div>
    </div>
</div>
于 2013-01-22T13:19:27.387 に答える
-1

clear:bothさて、私は通常の赤いボックスの下にさようならを置いているのを見ることができます。float:right代わりにhiを作成できず、を使用できない場合<div style="clear:right">bye</div>は、この場合、単純な改行を使用します。

<div style="float:left;">hi</div>
<br />
<div>bye</div>
于 2013-01-22T12:58:32.397 に答える
-1

を使用して、両方の要素を div でラップできますfloat:left

<div style="float: left;">
    <div>hi</div>
    <div>bye</div>
</div>

フィドル: http://jsfiddle.net/DLHGs/8/

于 2013-01-22T13:00:52.973 に答える
-1
<div>
    <div style="width:30px; height:300px; background:red; float:left;"></div>
    <div style="float:left;">
        <div  style="float:left;">hi</div>
        <div style="">bye</div>
    </div>
</div>
于 2013-01-22T13:02:04.017 に答える