因為網頁布局，是一個復雜的過程，可理解為，都是由一個個div拼湊成的！那么，全部浮動的話，將會面臨一個問題，那就是，所有的div都不在同一文本流中了，所以，就必須要限制一些div的浮動。div浮動的原理，該浮動的就選擇浮動，不該浮動的，就不浮動！
一般浮動是什么情況呢？一般是一個盒子里使用了CSS float浮動屬性，導致父級對象盒子不能被撐開，這樣CSS float浮動就產生了。本來兩個黑色對象盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不能撐開，這樣浮動就產生了。簡單地說，浮動是因為使用了float:left或float:right或兩者都是有了而產生的浮動。
通常有兩種方法解決此問題：
一、添加一個無任何內容的div并對它做浮動：
<div class="clear"></div>
.clear{
clear: both;
}
這是為了布局效果而添加的無意義的標簽，事實上很多網站也采取了這種策略，但這種策略會留下無意義的“垃圾”標簽。
二、對容器DIV也進行浮動，使之成為一個塊級元素。
如此一來達到了目的，但下一個元素會受到該浮動元素的影響。事實上，有人采取的策略是將文檔中所有的元素都進行浮動處理，然后在頁腳的地方對有意義的元素對這些浮動進行清理，以達到布局的目的。
