divcssclearboth的作用介紹

大家知道divcssclearboth的作用嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。Clear:both;其實就是利用清除浮動來把外層的div撐開，所以有時候，我們在將內部div都設置成浮動之可以采用通過Hack實現，感興趣的朋友可以參考下

如：

復制代碼代碼如下:

TEST DIV

你可以將此部分代碼放到一個HTML頁面看看效果，然後在去掉”

”看一下效果,就知道這句話的作用了。

如圖：

(1)有clear:both的

(2)無clear:both的

這樣看，應該就一目了然了：原來後邊的Clear:both;其實就是利用清除浮動來把外層的div撐開，所以有時候，我們在將內部div都設置成浮動之。可以采用通過Hack實現：

復制代碼代碼如下:

TEST DIV

裡邊的原理：

(1)、首先是利用:after這個偽類來兼容FF、Chrome等支持標准的浏覽器。

:after偽類IE不支持，它用來和content屬性一起使用設置在對象後的內容，例如：

a:after{content:"(link)";}

這個CSS將會讓a標簽內的文本後邊加上link文本文字。

(2)、利用“* html”這個只有IE6認識的選擇符，設置縮放屬性“zoom: 1;”實現兼容IE6。

(3)、利用“*:first-child + html”這個只有IE7認識的選擇符，設置縮放屬性“zoom: 1;”實現兼容IE7。

相信大家已經學會divcssclearboth的作用了吧!感謝大家對我們網站的支持!

相關推薦：

CSS的注釋部分編程引申介紹