左浮动如何用css实现

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代码片段：

 
    
布局靠左浮动
 
    
布局靠右浮动
 
    
 

2、css代码片段：
.divcss5{ width:400px;padding:10px;border:1px solid #F00} 
.divcss5_left{ float:left;width:150px;border:1px solid #00F;height:50px} 
.divcss5_right{ float:right;width:150px;border:1px solid #00F;height:50px} 
.clear{ clear:both}

感谢你能够认真阅读完这篇文章，希望小编分享左浮动如何用css实现内容对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，遇到问题就找创新互联，详细的解决方法等着你来学习!