浮動(dòng)設(shè)置之處是為了適用于文字的環(huán)繞，后來發(fā)現(xiàn)用浮動(dòng)能解決一些頁面布局中的問題，就用于頁面的布局上了。float可以設(shè)置float:left | right | none.

設(shè)置浮動(dòng)的元素有以下特性：

1.設(shè)置float的元素? 會(huì)脫離文檔流，往設(shè)置的方向進(jìn)行浮動(dòng)，直到遇到父級(jí)的邊界或者其他的浮動(dòng)元素 就會(huì)停止。如圖示

2.浮動(dòng)的元素?fù)尾婚_父級(jí)的高度

3.浮動(dòng)對(duì)塊級(jí)元素的影響：設(shè)置浮動(dòng)之后，塊級(jí)元素的寬度不再跟隨父級(jí)寬度，而是內(nèi)容決定(內(nèi)容撐開寬度)

4.浮動(dòng)對(duì)行級(jí)元素的影響：可以設(shè)置這個(gè)元素的尺寸以及按照盒模型對(duì)其解釋描述

清除浮動(dòng)的方法

1.給父級(jí)設(shè)置高度

2.clear:left | right | both;只能清除設(shè)置元素上面的浮動(dòng)

3.父級(jí)div設(shè)置overflow：hidden；

對(duì)父級(jí)CSS選擇器加overflow:hidden樣式，可以清除父級(jí)內(nèi)使用float產(chǎn)生浮動(dòng)。優(yōu)點(diǎn)是可以很少CSS代碼即可解決浮動(dòng)產(chǎn)生。

4.通過after偽元素清浮動(dòng)：如圖示