清除浮動這個問題，做前端的應該再熟悉不過了，咱是個新人，所以還是記個筆記，做個積累，努力學習向大神靠近。
css清除浮動的方法網上一搜，大概有n多種，用過幾種，說下個人感受。
1、結尾處加空div標籤clear:both12
34.div1
.left
.right
.clear
這種方法，感覺之前大家用的比較多。但是無緣無故多出乙個空的div,而且浮動越多就要不斷加div,讓我感覺很憂傷，所以我不太喜歡用。
2、父級div也一起浮動12
3.div1
.left
.right
這個方法我記得我是在學校的時候，看老外的css書時看到的，當時覺得很好用，但是現在覺得最好還是別用了，有時真的會很麻煩。
因為父級的元素一浮動，又會產生其他元素的浮動問題，不信你可以試試。
3、父級div定義height
這個方法其實我還是蠻常用的，主要用在那些可以確定高度的元素上，感覺使用上很方便。但是那些需要自適應高度的就不適合了。12
3.div1
.left
.right
4、父級div定義偽類:after和zoom12
.clear
.clear:after
剛用這個的時候，還不知道content屬性是幹嘛的，後來查了下是這麼解釋的：
content配合before和：after偽類一起使用，用於插入內容。
小小舉個例子，簡單寫一下：
a:after
aaa最後的顯示結果是aaaaaa12
345.div1
.left
.right
.clear
.clear:after
css 清除浮動的4種方式
浮動布局和定位布局為css中布局的常用的兩種布局方式，而且相容性會比較好。隨著flex的流行，以後會是主流，新的東西好用，相容不太好。ie10以下不相容flex布局。float布局會脫離文件流，對頁面的布局造成影響，比如造成父級的高度坍塌等問題。清除浮動後，便不會影響文件流。下面介紹一下現在清除浮動...
CSS清除浮動4種方法
是為了解決 父元素因為子元素浮動而引起的內部高度為0的問題。布局 盒子1 盒子2 大盒子 樣式 盒子1和2都設定浮動後 big,small1.額外標籤法在最後乙個浮動標籤後，新加乙個標籤，給其設定clear both big small 額外標籤法 css clear 優點 通俗易懂，方便 2.父元...
css清除浮動4種方法
因為浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及 width height 屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。解決浮動引起的問題有多種方法，但有些方法在瀏覽器相容性方面還有問題。left right div2 原理 父級div手...