浮動是css裡布局使用最多的屬性。
浮動之後，元素會脫離文件流，緊貼上乙個浮動盒子的邊。
一旦我們設定了浮動，那麼該元素就能夠併排展示，而且可以設定寬和高。
/* float:right*/
float
: left;
浮動方向是要一直。
div可以擋住p標籤，但不會擋住p中的文字。字圍效果。
當乙個元素設定為浮動，且沒有設定寬度的時候，它的寬度會自動收縮為內容的寬度。
子元素都設定了浮動，父元素沒有設定高度。那麼父元素的高度會變成0。
在標準文件流中，父元素的高度預設是子元素撐開的，也就是說子元素多高，父元素就多高。但是當子元素浮動之後，子元素會脫離文件流，這個時候就無法撐開父元素，導致父元素沒有高度。
清除浮動主要是為了解決，父元素因為子級元素浮動引起的內部高度為0的問題
清除浮動的方法（最常用的4種）
1.額外標籤法（在最後乙個浮動標籤後，新加乙個標籤，給其設定clear：both；）（不推薦）。
2.父級新增overflow屬性（父元素新增overflow:hidden）（不推薦）。
3.使用after偽元素清除浮動（推薦使用）。
4.使用before和after雙偽元素清除浮動。
"box">
"box1">
"box2">
css:
.div1
.div2
.left
.right
/*清除浮動***/
.clearfloat
html
:"div1">
"left">left
"right">right
"clearfloat">
"div2">
div2
clear
:both;
直接在父元素中新增乙個有高度的子元素。
css:
.div1
.div2
.left
.right
html
:"div1">
"left">left
"right">right
"div2">
div2
.clear:before
浮動使用及清除浮動
浮動 讓元素脫離文件流，不受父盒子限制 浮動元素的寬高不會撐大父盒子 在父盒子無高度情況下 浮動元素不會遮蓋文字部分，文字會圍繞浮動元素 浮動目前功能 1.清除之間空白間隙 2.行級元素設寬高。使用場景多是寬高一致的元素整齊排列。清除浮動的方法 1.給浮動元素的父盒子加overflow hidden...
清除浮動方法及清除浮動原因
div1 盒子裡有left和right 兩個子盒子，div1 有兄弟盒子div2，給left right 盒子新增浮動前效果圖 浮動的屬性雖然方便使用，但是在使用這種屬性時，也存在著一種弊端，那就是當子元素設定了float屬性之後，且父元素的高度沒有設定，而是由子元素支撐起來，則會導致父元素的高度塌...
浮動 清除浮動
在css布局中分為內聯元素 display inline 和塊狀元素 display block 塊狀元素缺省會佔據一行，可設定高度寬度以及邊距，而內斂元素不會也不能設定。常見的內斂元素有 a span input select，常見的塊狀元素有 h1 h6，p,div，ul，table。浮動元素是...