如何正确使用浮动

浮动，就是向左或向右移动。

Float:left 左浮动；Float:right 右浮动；clear:both清除浮动，简单举例如下图：

示范图.jpg

html如下：

<div class="box"> 
    <div class="box1">布局靠左浮动</div> 
    <div class="box2">布局靠右浮动</div> 
    <div class="clear"></div><清除float产生浮动 --> 
</div>

css样式如下：

.box1{
 float:left; 
width:200px;
height:300px; 
background:#f00;
}/* 设置div浮动靠左*/ 
.box2{ 
 float:right;
 width:200px; 
 height:300px;
background:#0f0;
 }/* 设置div浮动靠右 */ 
.clear{
 clear:both;
 }/*清除浮动*/

浮动用好了，再结合相对定位，绝对定位，CSS排版基本上就能搞定了，细节的东西在操作中去体验吧！