深入學(xué)習(xí)CSS clear屬性用法
作者：admin
CSS clear屬性的用法你是否了解，這里向大家描述一下，clear 屬性規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素，希望你會(huì)感興趣。
本文和大家重點(diǎn)討論一下CSS clear屬性的用法，clear 屬性定義了元素的哪邊上不允許出現(xiàn)浮動(dòng)元素。
CSS clear屬性
定義和用法
clear 屬性規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素。
說(shuō)明
clear 屬性定義了元素的哪邊上不允許出現(xiàn)浮動(dòng)元素。在 CSS1 和 CSS2 中，這是通過(guò)自動(dòng)為清除元素（即設(shè)置了 clear 屬性的元素）增加上外邊距實(shí)現(xiàn)的。在 CSS2.1 中，會(huì)在元素上外邊距之上增加清除空間，而外邊距本身并不改變。不論哪一種改變，最終結(jié)果都一樣，如果聲明為左邊或右邊清除，會(huì)使元素的上外邊框邊界剛好在該邊上浮動(dòng)元素的下外邊距邊界之下。
實(shí)例
圖像的左側(cè)和右側(cè)均不允許出現(xiàn)浮動(dòng)元素：
- img
- {
- float:left;
- clear:both;
- }
瀏覽器支持
所有主流瀏覽器都支持 clear 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
TIY 實(shí)例
- <html>
- <head>
- <style type="text/css"> img
- {
- float:left; clear:both;
- }
- </style>
- </head>
- <body> <img src="www.68tt.com/i/eg_smile.gif" />
- <img src="/i/eg_smile.gif" />
- </body>
- </html>
本例演示如何使用清除元素側(cè)面的浮動(dòng)元素。
【編輯推薦】
- CSS元素水平居中行之有效的辦法
- IE6.0對(duì)padding的解讀分析
- CSS樣式表高效使用八大秘訣
- CSS margin-bottom屬性使用秘訣
- IE6中常見(jiàn)CSS兼容性解決十大技巧
責(zé)任編輯：佚名
來(lái)源：
68tt.com
