div的横向与纵向排列

 <div>

<div style="float:left">aaaaaaaaaaaaaa</div>

<div style="float:left">bbbbbbbbbbbbbb</div>

以上这两个div就是横向排列。

<div style="clear:both"></div>这个东西很重要，它清除上两个层的浮动，也就是说以下的层就继续垂直排列了。

<div>这个层就垂直排列了</div>

<div>这个层就垂直排列了</div>

</div>