float閉合（清除浮動）和CSS HACK

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> float閉合（清除浮動）和CSS HACK

編輯：CSS進階教程

網頁制作poluoluo文章簡介：隨著IE7對!important的支持, !important 方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)

一、float 閉合（清除浮動）

　　將以下代碼加入Global CSS 中,給需要閉合的div加上 class="clearfix" 即可,屢試不爽.

<style>
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
.clearfix {display:block;}
</style>

二、CSS HACK

　　以下兩種方法幾乎能解決現今所有HACK.
　　1, !important
　　隨著IE7對!important的支持, !important 方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)

　　2, IE6/IE77對FireFox
　　*+html 與 *html 是IE特有的標簽, firefox 暫不支持.而*+html 又為 IE7特有標簽.

　　注意:
　　*+html 對IE7的HACK 必須保證HTML頂部有如下聲明：
　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"　"">

上一頁:CSS教程:CSS變換(transition)
下一頁:5個實例讓你輕松了解CSS3新屬性

CSS進階教程

CSS3屬性使網站設計增強同時不消弱可用性: 網頁制作poluoluo文章簡介：下面破洛洛將帶你一同學習5個不同的CSS3屬性，如果從現在起你就開
關於reflow: 去聽了牛人 dbaron 的一個 Web Page Layout/Display
CSS 標簽屬性: 這裡列出了目前支持的樣式表(CSS)標簽屬性。標有星號(*)的標簽屬性可於 Microsoft&re

DIV CSS 佈局教程網

相關文章