標籤等html標籤）的浮動佈局，浮動也就是我們所說標籤物件浮動居左靠左（float:left）和浮動居右靠右(float:right)。
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程式碼片段：
佈局靠左浮動
佈局靠右浮動
#
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用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
