float
none 正常显示
left 左浮动
right 右浮动
clear
none
允许两边浮动
left 不允许左边浮动
right 不允许右边浮动
both 不允许两边浮动
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>CSS 中浮动的使用</title> 6 <style type="text/css"> 7 .div1{ 8 background-color:#0F0; 9 width:200px; 10 height:200px; 11 float:left; 12 } 13 .div2{ 14 background-color:#0FF; 15 width:200px; 16 height:200px; 17 float:left; 18 } 19 .div3{ 20 background-color:#000; 21 width:200px; 22 height:200px; 23 float:left; 24 } 25 .div4{ 26 background-color:#FF0; 27 width:200px; 28 height:200px; 29 float:left; 30 } 31 </style> 32 </head> 33 <body> 34 <div class="div1"></div> 35 <div class="div2"></div> 36 <div class="div3"></div> 37 <div class="div4"></div> 38 </body> 39 </html>
原文：http://www.cnblogs.com/LO-ME/p/3587891.html