DIV+CSS 常見問題整理

純CSS實現三列DIV等高佈局
 其方法主要是採用「隱藏容器溢出」、「正內補丁」和「負外補丁」結合的方法實現的
怎樣使一個層垂直居中於瀏覽器中：
 position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px;
 這裏咱們使用百分比絕對定位，與外補丁負值的方法，負值的大小爲其自身寬度高度除以二
怎樣讓層顯示在flash上面
 解決的辦法是給FLASH設置透明<param name="wmode" value="transparent" />
 或者<param name="wmode" value="opaque" />
背景顏色沒法顯示
 在最後清楚浮動就能夠了
ie6沒法定義高度爲1px的元素
 IE6下這個問題是由於默認的行高形成的，解決的方法也有不少，例如：overflow:hidden | zoom:0.08 | line-height:1px
定義的css樣式沒有做用
 要進行兩個權重的對比。id權重爲100 class權重爲10 標籤權重爲1
如何垂直居中對齊文本與文本輸入框
 vertical-align:middle; line-height:30px;
IE6下爲何圖片下方有空隙產生
 解決這個BUG的方法也有不少，能夠是改變html的排版，或者定義img 爲display:block
 或者定義vertical-align屬性值爲vertical-align:top | bottom |middle |text-bottom
 還能夠設置父容器的字體大小爲零，font-size:0
IE6的雙倍邊距BUG
 浮動後原本外邊距10px,但IE解釋爲20px,解決辦法是加上display:inline
ff下爲何父容器的高度不能自適應
 <div style="clear:both"></div>
在IE中隱藏一個CSS定義，你能夠使用子選擇器(child selector):
 html>body p {

 }
只在IE6中能夠理解(對其餘瀏覽器都隱藏)
* html p { }
條件註釋
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->