|
特點(diǎn)：不需要另外加個(gè)清除DIV.
:after（偽對(duì)象）--設(shè)置在對(duì)象后發(fā)生的內(nèi)容，通常和content配合使用，IE不支持此偽對(duì)象，非Ie 瀏覽器支持，所以并不影響到IE/WIN瀏覽器。
CSS .wrapfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
設(shè)display:block;應(yīng)用到:after 元素，因?yàn)閐isplay的默認(rèn)值是"inline", 不能收到clear的特性，同時(shí)將清除容器的高度設(shè)為零，height:0；，可見(jiàn)度為隱藏.這是沒(méi)有清除過(guò)浮動(dòng)的．非Ie 瀏覽器看不到wrap的背景和邊框. 運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
這是清除過(guò)浮動(dòng)的．非Ie 瀏覽器看到wrap的背景和邊框． 運(yùn)行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
為了適應(yīng)各個(gè)瀏覽器,我們還需要加上以下代碼. .wrapfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix {height: 1%;}
.wrapfix {display: block;}
/* End hide from IE-mac */
更多介紹:http://www.positioniseverything.net/easyclearing.html
出處：藍(lán)色理想
責(zé)任編輯：yuanshi
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|
