通過浮動可以使乙個元素向其父元素的左側或右側移動浮動的特點：使用 float 屬性來設定於元素的浮動
可選值：
none 預設值 ，元素不浮動
left 元素向左浮動
right 元素向右浮動
注意，元素設定浮動以後，水平布局的等式便不需要強制成立
元素設定浮動以後，會完全從文件流中脫離，不再占用文件流的位置，
所以元素下邊的還在文件流中的元素會自動向上移動
1、浮動元素會完全脫離文件流，不再佔據文件流中的位置
2、設定浮動以後元素會向父元素的左側或右側移動，
3、浮動元素預設不會從父元素中移出
4、浮動元素向左或向右移動時，不會超過它前邊的其他浮動元素
5、如果浮動元素的上邊是乙個沒有浮動的塊元素，則浮動元素無法上移
6、浮動元素不會超過它上邊的浮動的兄弟元素，最多最多就是和它一樣高
簡單總結：浮動目前來講它的主要作用就是讓頁面中的元素可以水平排列，
通過浮動可以製作一些水平方向的布局
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
浮動的簡介<
/title>
.box1
.box2
.box3
<
/style>
<
/head>
="box1"
>
<
/div>
="box3"
>
<
/div>
="box2"
>
<
/div>
<
/body>
<
/html>
css浮動屬性簡介
css浮動屬性 1 浮動 顧名思義就是讓元素漂浮起來。且從我們的視角看去頁面並沒有發生任何變化。如圖所示 該圖為乙個網頁，我們直面看上去，是看不出頁面上是否有浮動的。但當我們從側面看上去時，浮動就很明顯了。如圖所示 很明顯的就能看出網頁部分1，網頁部分2是不浮動的，他們兩處在同乙個平面上。而網頁部分...
CSS浮動 浮動的特性 清除浮動
乙個頁面基本包含了三種布局方式 標準流 浮動和定位 浮動可以改變元素標籤預設的排列方式，最典型的是可以讓多個塊級元素一行內排列顯示。網頁布局第一準則 多個塊級元素縱向排列找標準流，多個塊級元素橫向排列找浮動。float屬性用於建立浮動框，將其移動到一邊，直到做邊緣或右邊緣觸及包含塊或另乙個浮動框的邊...
CSS的浮動以及清除浮動
給元素新增了float屬性 float left,float right 可以讓元素進行橫向排列 做文字圍繞效果 因為文件流元素會忽視浮動元素的存在，但是文件流元素的文字卻不會。新增了float屬性後，該元素會脫離正常的文件流，所以會覆蓋其他的元素，父元素由於沒有被撐開，造成了高度塌陷。所以清除浮動...