浮動：讓元素脫離文件流，不受父盒子限制；浮動元素的寬高不會撐大父盒子(在父盒子無高度情況下)。
浮動元素不會遮蓋文字部分，文字會圍繞浮動元素；
浮動目前功能：
1.清除之間空白間隙；
2.行級元素設寬高。
使用場景多是寬高一致的元素整齊排列。
清除浮動的方法：
1.給浮動元素的父盒子加overflow: hidden;
2.在浮動元素最後加樣式或類clear: both;
3.利用偽元素清除浮動，加在浮動元素的父盒子上：
clearfloat::after
浮動理解及清除浮動
浮動是css裡布局使用最多的屬性。浮動之後，元素會脫離文件流，緊貼上乙個浮動盒子的邊。一旦我們設定了浮動，那麼該元素就能夠併排展示，而且可以設定寬和高。float right float left 浮動元素會緊貼上乙個浮動元素。若寬度不夠，會換行。頂部頂帖上乙個浮動元素的底部。浮動方向是要一直。di...
清除浮動方法及清除浮動原因
div1 盒子裡有left和right 兩個子盒子，div1 有兄弟盒子div2，給left right 盒子新增浮動前效果圖 浮動的屬性雖然方便使用，但是在使用這種屬性時，也存在著一種弊端，那就是當子元素設定了float屬性之後，且父元素的高度沒有設定，而是由子元素支撐起來，則會導致父元素的高度塌...
浮動 清除浮動
在css布局中分為內聯元素 display inline 和塊狀元素 display block 塊狀元素缺省會佔據一行，可設定高度寬度以及邊距，而內斂元素不會也不能設定。常見的內斂元素有 a span input select，常見的塊狀元素有 h1 h6，p,div，ul，table。浮動元素是...