float
** 属性值
left: 文本流向对象的右边
right:文本流向对象的左边
<html> <head> <title>World</title> <style type="text/css"> div { border:2px solid blue; width:200px; height:100px; } #div11 { float:left; } #div12 { float:left; } </style> </head> <body> <div id="div11">AAAAAAAAAAA</div> <div id="div12">BBBBBBBBBBB</div> <div id="div13">CCCCCCCCCCC</div> </body> </html>
效果如下: