什麼是浮動布局？
浮動可以設定元素，脫離正常的文件流，向右或者向左，靠近父元素的邊緣或者是設定了浮動的其他的元素的邊緣靠攏。比如， 我們使用div等塊標籤的時候，它們都是獨佔一行，但是很多時候要將多個div併排放置，這種情況就可以使用浮動布局。
浮動可以那些問題？
使用浮動布局之後：
這裡也是可以使用浮動解決這個間隔問題。但是使用vscode的時候，會有乙個警告！
警告如下：
inline-block和float相互矛盾（乙個元素不能同時存在）。警告是float會覆蓋inline-block（因為它在後面）。因此，當您第一次設定display時：inline-block; 然後設定float：left; 根據css首先覆蓋的原則，後面的樣式集將首先覆蓋樣式集，也就是說，float將覆蓋inline-block樣式。
如果要清除此警告，請根據需要選擇一種樣式（內聯或浮點樣式）保留並刪除另一種樣式 。如果要進行浮動操作，請將顯示設定為阻止，如果要進行內聯，則將浮動設定為無。
最後，我們使用浮動之後會有高度塌陷的情況出現，什麼是高度塌陷？
解決方法：
設定父元素高度；
新增clear樣式；
.clear
css布局float浮動布局詳解
float屬性 頁面布局時主要採用 浮動 float 和定位 position 還有就是即不浮動也不定位的正常文件流結構三種 float屬性常用的語法是 float left right none 任何元素都可以被浮動，無論是塊元素div，ol，ul還是行內元素span strong都可以浮動，重要...
DIV CSS布局 CSS浮動float屬性詳解
在傳統的 布局中，我們對 應該對齊方式對實現了對布局的應用，而應用web標準構建網頁以後，float浮動屬性是布局中非 常重要的屬性，我們常常通過對div元素應用float浮動來進行布局，不但對整個版式進行規劃，也可以對一些基本元素如導航等進行排列。我們來看看float屬性基本釋義 該屬性的值指出了...
布局的核心 浮動 float
目錄 一 css的定位機制 二 浮動解決的問題 1.塊級元素併排排放 2.實質上 塊級元素變成行內級元素 3.注意事項 4.偽類選擇器 1 語法 三 浮動的語法格式 四 浮動的影響及解決辦法 1.影響 2.解決方法 清除浮動 1 給父盒子設定寬高 2 給父元素加 overflow hidden 3 ...