浮動的本質是讓塊級元素在一行顯示。這樣便可以讓原本不能在一行顯示的元素可以在一行顯示了（如li標籤）。給元素新增了浮動就會導致元素脫離標準流而不佔據原先的位置，這樣就會影響網頁的布局，因此需要想個辦法解決這種問題。用什麼辦法呢？網頁布局不就是乙個個盒子組成的嗎？像搭積木一樣，最終成為一張張漂亮的網頁。因此我們為什麼不用乙個父盒子將需要新增浮動的標籤元素包起來，這樣便不能影響外面的其他的盒子。由於子盒子的大小是會變化的，我們一般不好給父盒子的寬高。需要子盒子去撐開父盒子。但子盒子新增了浮動脫離了標準流不佔據位置了，而父盒子還是標準流---->父盒子沒有寬高了。清除浮動的本質是解決父盒子因子盒子浮動而內部高度為零的問題。
.father.clearfix:after.clearfix:after,
.clearfix:before
.clearfix:after
.clearfix
如何解決浮動帶來的影響
選擇器名 設定了浮動的框可以向左 left 或向右 right 移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。浮動並不存在於文件流之中。當我們給子元素設定了浮動float left或float right或兩者，但是沒有給父元素設定高度時，就會出現父元素高度塌陷問題。因為浮動元素脫離了文件...
css中浮動和清除浮動帶來的影響
有很多時候，我們都會用到浮動，而我們有時候對浮動只是一知半解，卻不是太清楚它到底是怎麼回事，不知道各位有沒有和我一樣的感覺，只知道用它，卻不知道它到底是怎麼回事，所以，在學習的過程中，就要把乙個概念不是很清晰的問題把它弄清楚了，便於我們以後的使用。早些時候，w3c規定出來的浮動實際並不是為了布局所用...
如何清除浮動帶來的影響
在前端開發中，清除浮動的方法有多種，開發人員可以根據自己的喜好選擇不同的方式。1 將設定float的元素的父元素也設定float。父元素也設定浮動，侷限性較大。2 設定父元素的overflow為hidden。3 設定父元素的display為inline block。缺點 可能不符合情況要求。4 浮動...