css float 之后br标签不换行问题

<div>aaa</div>

<br/><div>bbb</div>

 <br/><div>ccc</div>

这样写br是可以正常换行的

而像下面的写法，br似乎不能换行

<div style="float:left;">aaa</div>

<br/>

<div  style="float:left;">bbb</div>

 <br/>

<div  style="float:left;">ccc</div>

修改之后，依旧能正常换行

<div style="float:left;">aaa</div>

<div clear:both;></div>

<br/>

<div  style="float:left;">bbb</div>

<div clear:both;></div>

 <br/>

<div  style="float:left;">ccc</div>

 

clear:both;清楚浮动后，换行就有效果了