0

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

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

    <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>

3
  • time2が#div3の下に表示したい、 条件:#div3の長さは任意のて、height:??px利用できない
    – Kaku
    Commented 2016年2月2日 3:14
  • タグを表示するように修正しましたが、それでも助詞の扱いがおかしいなど日本語として内容を読み取れませんでした…
    – sayuri
    Commented 2016年2月2日 3:50
  • 日本語の初心者ですので、すみませんでした suzukisさんの答え間違いないです ありがとうございました
    – Kaku
    Commented 2016年2月2日 4:05

1 件の回答 1

3

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

    <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>

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。