float是什么意思？

 

　　float是浮动，翻译成中文也是浮动意思。

 

　　float的作用

 

　　通过css定义float（浮动）让div样式层块，向左或向右（靠）浮动。

 

　　Float常跟属性值left、right、none

 

　　Float:none不使用浮动

 

　　Float:left靠左浮动

 

　　Float:right靠右浮动

 

　　float语法：

 

　　float:none|left|right

 

　　参数值：

 

　　none:对象不浮动

 

　　left:对象浮在左边

 

　　right:对象浮在右边

 

　　案例：

 

　　我们设置一个盒子里，一个靠右、一个靠左浮动2个盒子，为了直观看到css浮动布局效果，我们对两个盒子设置一定宽度、高度和边框。

 

　　1、主要的html代码片段：

 

　　<divclass="divcss5">

 

　　<divclass="divcss5_left">布局靠左浮动</div>

 

　　<divclass="divcss5_right">布局靠右浮动</div>

 

　　<divclass="clear"></div><!--html注释：清除float产生浮动-->

 

　　</div>

 

　　2、css代码片段：

 

　　.divcss5{width:400px;padding:10px;border:1pxsolid#F00}

 

　　.divcss5_left{float:left;width:150px;border:1pxsolid#00F;height:50px}

 

　　.divcss5_right{float:right;width:150px;border:1pxsolid#00F;height:50px}

 

　　.clear{clear:both}







本文转载自中文网