float是什么意思？

float是浮動，翻譯成中文也是浮動意思。進入對應css手冊中float手冊了解float基本信息。

float的作用

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

float浮動教程目錄

float語法

float應用與用法

float浮動案例

css浮動其他應用

css浮動總結

float語法

Float常跟屬性值left、right、none

Float:none 不使用浮動

Float:left 靠左浮動

Float:right 靠右浮動

float語法：

float : none | left |right

參數值：

none : 對象不浮動

left : 對象浮在左邊

right : 對象浮在右邊

接下來我們來通過一個div+css實例講解float使用技巧。

float應用與用法

Float浮動用于設置對象靠左與靠右浮動樣式，可以實現我們所需要的讓DIV、SPAN等標簽居左居右浮動。

簡單使用語法

div{float:left} /* css注釋：設置div對象浮動靠左（left） */

div{float:right} /* css注釋：設置div對象浮動靠右(right) */

css float浮動案例

我們設置一個盒子里，一個靠右、一個靠左浮動2個盒子，為了直觀看到css浮動布局效果，我們對兩個盒子設置一定寬度、高度和邊框。

1、主要的html代碼片段：

div >

div >

div >

div >

/div

2、css代碼片段：

.div { width:400px;padding:10px;border:1px solid #F00}

.div _left{ float:left;width:150px;border:1px solid #00F;height:50px}

.div _right{ float:right;width:150px;border:1px solid #00F;height:50px}

.clear{ clear:both}

CSS操作DIV的float用法就這么多，需要的朋友可以保存一下，也請大家持續關注本站的其他更新。

相關閱讀：

CSS的min-width和max-width怎么設置

CSS的margin有什么作用

CSS3怎么做出圓角

以上就是CSS操作DIV的float用法的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。