浮動：float: left / right ;
浮動元素產(chǎn)生了浮動流：
1.所有產(chǎn)生了浮動流的元素橘荠，塊級元素看不到他們。
2.產(chǎn)生了bfc的元素和文本類屬性的元素（inline屬性）以及文本都能看到浮動元素矾削。
清除浮動流：clear: left / right / both ;
清除浮動流的方法：
1.在要清除的元素下面寫一個p元素壤玫，給其添加clear屬性清除浮動流，使p元素撐開容器（即撐開父元素）哼凯。（一般不建議采用）
2.偽元素：利用偽元素如 E::before 來清除浮動欲间。
注意：在偽元素種要添加 content:" "; 屬性才能生效，且clear屬性只能應用于塊級元素断部，要先將偽元素利用display屬性變?yōu)閎lock猎贴，再用clear屬性清除浮動。
html代碼：
<span>123</span>
css代碼：
span::before{
content:"添加內(nèi)容"蝴光；//加上content:"";元素才能生效
}
span::after{
content:"";
dispaly:block;//將偽元素變?yōu)閴K級元素才能用clear屬性清除浮動
clear:both;
}
凡是設置了position: absolute; float: left / right / both; 屬性的元素瀏覽器會打內(nèi)部把元素轉換成inline-block; 元素的寬高完全由其內(nèi)容決定和撐起她渴。
文字環(huán)繞效果可使用float屬性來完成。
