一、脫離標準文檔流
就是文檔的“默認”狀態，就是標簽占用文檔的位置。
標準文檔流中，標簽分為兩種：塊級元素、行內元素。
塊級元素：
一定是霸占一行的，能設置寬、高，不設置寬度默認就是占滿父親。div、p、h、li
行內元素：
和其他行內元素并排，不能設置寬、高，默認寬度就是文字寬度。span、a、b、i、u
標準流做不出網頁：因為能并排的不能改寬高。所以，要脫離標準流。
1、浮動
行級元素轉換成塊級元素
一旦一個元素浮動了，就可以設置寬高，無論是行標簽，還是塊標簽 。
因為浮動之后，脫離標準流了，所以標準流里面的法律、規則都不適用了。
(1)浮動宏觀的看，就是做“并排”的,所有的元素都可以浮動
(2)具有float屬性的元素在父標簽中是不占空間的
(3)float能解決標簽之間有間隙的問題
(4)浮動是css里面布局用的最多的屬性。
(5)浮動的元素有“字圍”效果
2、清除浮動
clear：none | left | right | both
none：允許浮動元素出現在兩側
left： 左側不允許有浮動元素
right： 右側不允許有浮動元素
both： 不允許有浮動
<div class=“clear”></div>
.clear{clear:both;}
兼容性：
下面這種清除浮動的方法在ie6下，div空標簽會有默認高度。
解決方法：
.clear{
clear:both;
//IE
overflow:hidden;
height:0;
}
遠近互聯前端小華整理發布，希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。
【相關推薦】
