浮动,就是向左或向右移动。
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排版基本上就能搞定了,细节的东西在操作中去体验吧!