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

cyf-123456

<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;清楚浮动后，换行就有效果了