HTML流式布局：從左向右侧蘸，由上往下排布
總結(jié)：浮動的元素會不占據(jù)標(biāo)準流的空間，但是會影響標(biāo)準流中的文本排版。
float屬性：
left ? ? 元素向左浮動
right ? 元素向右浮動
none ? ? 默認值，元素不浮動
浮動的特性：
1.浮動脫離標(biāo)準流扎狱，不占位置，但是會影響標(biāo)準流勃教。浮動只能往左右浮動淤击。
2.浮動元素A的排列位置。如果A的上一個元素有浮動荣回，則A元素的頂部和上一個元素頂部對齊遭贸。如果上一個元素為標(biāo)準流，則A元素的頂部會緊挨著上一個元素的底部心软。
3.一個父盒子里的子盒子，如果有一個浮動著蛙，則其他子集也需要浮動才能對齊顯示删铃。
4.浮動根據(jù)書寫位置顯示
5.當(dāng)元素設(shè)置浮動，沒有設(shè)置寬高踏堡，元素根據(jù)內(nèi)容大小決定大小猎唁，具有包裹性
6.浮動具有破壞性。元素浮動以后顷蟆，就不再占據(jù)原始文檔流诫隅，就會造成文檔流塌陷腐魂。
文檔塌陷的解決辦法：
overflow： hidden；?????? 超出部分進行隱藏
overflow屬性：
visible???? 內(nèi)容不會被修剪逐纬，會呈現(xiàn)在元素框之外（默認值）
hidden??? 溢出內(nèi)容進行修剪蛔屹，并且被修剪的內(nèi)容不可見。
auto????? 在需要時產(chǎn)生滾動條豁生，即自適應(yīng)所顯示內(nèi)容
scroll??? 溢出內(nèi)容會被修剪兔毒，且瀏覽器會始終顯示滾動條。
CSS布局高級
版心的概念：網(wǎng)站的核心展示區(qū)域一般居中顯示甸箱，版心寬度的PC端一般是960px育叁，980px，1000px芍殖，1190px豪嗽，1200px
自適應(yīng)布局方式：
clear: both;???? 清除浮動：就是讓當(dāng)前元素左右元素都不存在浮動的時候，才放在標(biāo)準流中顯示
