21606


time2を`<div id="div3">`の下に表示したい。

条件：`<div id="div3">`の長さは任意なので、`<div id="div3" style="height:???px">`は利用できない

[code]

        <body> 
        <div>
            <div>time1</div>
            <div style="float:right">2</div>
         <div id="div3" style="float:right">3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/></div> 
        </div>
        <div>
         <div>time2</div>
         <div style="float:left">4</div> 
         <div style="float:left">5</div> 
        </div> 
        </body>
[/code]


CC BY-SA 3.0
2016-02-02T03:13:09.803
21604
2016-02-02T05:33:24.000
2016-02-02T05:33:24.000
5793
14019
question
html css
floatによる回り込みをキャンセル


CSSで要素に`clear: both`を指定すればfloatによる回り込みをキャンセル出来ます。

[code]

        <body> 
        <div>
            <div>time1</div>
            <div style="float:right">2</div>
         <div id="div3" style="float:right">3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/>3<br/></div> 
        </div>
        <div>
         <div style="clear: both">time2</div>
         <div style="float:left">4</div> 
         <div style="float:left">5</div> 
        </div> 
        </body>
[/code]


CC BY-SA 3.0
2016-02-02T03:57:21.460
21606
2016-02-02T03:57:21.460
5793
21604
answer