所有主流瀏覽器都支援 clear 屬性。
clear 屬性規定元素的哪一側不允許其他浮動元素。
我們有時希望清除掉其他元素浮動對當前元素產生的影響，這時可以使用clear來完成功能
可選值：
none，預設值，不清除浮動
left，清除左側浮動元素對當前元素的影響
right，清除右側浮動元素對當前元素的影響
both，清除兩側浮動元素對當前元素的影響
清除對他影響最大的那個元素的浮動
lang
="en"
>
>
charset
="utf-8"
>
>
title
>
type
="text/css"
>
/*解決高度塌陷：
可以直接在高度塌陷的父元素的最後，新增乙個空白的div，由於這個div並沒有浮動，所以他是可以撐開父元素的高度的
然後再對其進行清除浮動，這樣可以通過這個空白的div來撐開父元素的高度，基本沒有***
使用這種方式雖然可以解決問題，但是會在頁面中新增多餘的結構*/
.box1
.box2
.clear
style
>
head
>
>
class
="box1 clearfix"
>
class
="box2"
>
div>
class
="clear"
>
div>
div>
body
>
html
>
可以用after選擇div中的最後乙個元素，然後給它設定以下**
.clearfix:after
CSS中float屬性和clear屬性的一些筆記
在學習css的最後一部分內容中，float屬性和clear屬性比較難以用語言描述，因此在筆記本中無法準確的記錄這兩個屬性的用法。所以在上以 的形式記錄這兩種屬性的特徵，以備以後查閱。首先，定義了四個div區域 div id div 1 風風風風風風風f風 div div id div 2 火火火火火...
css中float和clear屬性
在做網頁的時候經常會用到這個屬性，使得我們的網頁更加靈活，不至於那麼死板，但是對於初學者而言，他們又不是那麼好理解的，那麼，今天我就來說說我對這兩個屬性的理解。用float屬性時會使元素脫離正常文件流，什麼意思呢，就是讓元素飄起來，自然，地面上發生的任何事都不會與之相關，所以說，如果該元素浮動之前下...
CSS 清理浮動 clear屬性
文章 雖然浮動可以便於頁面布局，但同時會產生一些問題，也就是常說的 浮動元素最常見的缺陷是 父元素的高度塌陷和影響兄弟元素的位置。首先，看看父元素的高度塌陷。假設有乙個容器，其中兩個子元素，乙個子元素向左浮動，乙個子元素向右浮動。如下 box2 圖5 29 浮動導致容器高度塌陷 這種塌陷會影響 甚至...