什麼是CSS清除浮動？網絡上流行的說法是：在非IE浏覽器(如Firefox)下，當容器的高度(height)為auto，且容器的内容中有浮動(float為left或right)的元素，在這種情況下，容器的高度不能自動伸長以适應内容的高度，使得内容溢出到容器外面而影響(甚至破壞)布局的現象。這個現象叫浮動溢出，為了防止這個現象的出現而進行的CSS處理，就叫CSS清除浮動。
使用 clear 樣式清除樣例：
CSS Code複制内容到剪貼闆
.clear-float{clear:both;}
clear 屬性是 CSS 1 就提供的用來清除浮動的樣式，設定了 clear 屬性的元素，其上邊框位置會緊貼浮動元素的 margin-bottom 邊界位置渲染，忽略其 margin-top 設定。這樣，父容器高度未設定(值是 auto)時，由于定義的清理浮動樣式元素所在位置處于浮動元素之下，容器計算後的實際高度就包含了浮動元素。
執行個體在代碼中添加了div4，并設定寬高300px，灰色背景色，代碼如下
HTML代碼:
XML/HTML Code複制内容到剪貼闆
div4