float是什么意思？

float是浮動(dòng)，翻譯成中文也是浮動(dòng)意思。

float的作用

通過css定義float（浮動(dòng)）讓div樣式層塊，向左或向右（靠）浮動(dòng)。

Float常跟屬性值left、right、none

Float:none 不使用浮動(dòng)

Float:left 靠左浮動(dòng)

Float:right 靠右浮動(dòng)

float語法：

float : none | left |right

參數(shù)值：

none : 　對(duì)象不浮動(dòng)

left : 　對(duì)象浮在左邊

right : 　對(duì)象浮在右邊

案例：

我們設(shè)置一個(gè)盒子里，一個(gè)靠右、一個(gè)靠左浮動(dòng)2個(gè)盒子，為了直觀看到css浮動(dòng)布局效果，我們對(duì)兩個(gè)盒子設(shè)置一定寬度、高度和邊框。

1、主要的html代碼片段：

 
    
布局靠左浮動(dòng)
 
    
布局靠右浮動(dòng)
 
    
 

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}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享左浮動(dòng)如何用css實(shí)現(xiàn)內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!