這裡大家要知道css不相容的原因是因為各瀏覽器給css預設屬性值不一樣造成的。
第一招：給常用css規定屬性值。
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td
img
ul
ul li
上面的建站常用**就相是格式化css樣式，讓各瀏覽器按照我們設定的屬性值渲染網頁
第二招：ie和ff下物件居中問題
ie下大家應該知道只要設定body這樣就可以居中顯示。
但是這樣的方法在ff不行的。這裡就需要給修改成body:margin的意思就是上下距離為0畫素，左右為自動。所以ff就會居中顯示。
第三招：垂直居中（僅只用於一行）
比如說乙個高30px的div，問題預設是會顯示在左上角，如果想垂直居中對其可以加個line- height:30px;樣式。如果你想讓他居下方則在修改line-height:30px;數值越大越局下，為了防止撐破層，還需要再給乙個樣式 overflow:hidden;(超出的部分不顯示)
第四招：給每乙個塊物件設定三個樣式
width:**px;height:**px;overflow:hidden;即便高、寬是屬性值是自動那麼也需要去設定這三個樣式。目的就是解決瀏覽器預設值的問題。
第五招：針對ie6、ie7、ff的css樣式(這一招在特殊情況下經常用到)
原來建設www.cppcns.com**經常使用!important來設定優先權，但有了ie7之後就程式設計客棧不行了。下面給大家個可以解決ie6、ie7、ff各個css優先權的方法
#1 /* ff環境 */
* html #1 /* ie6環境 */
*+ht程式設計客棧ml #1 /* ie7環境 */
上面的書寫順序一定不能改變。
這樣子網頁在ff下顯示#333，ie6下顯示#666，ie7下顯示#999;
本文標題: css 解決瀏覽器相容問題
本文位址:
瀏覽器CSS相容問題彙總及解決
由於公司專案要求相容到ie6，這之中遇到不少css相容性問題，所以就在部落格彙總下來，以後在專案中遇到新的相容性問題，也會在這裡更新。1.ie6下height屬性會失效 問題描述 在ie6下，即使塊級元素設定了高度，但若元素內部的內容超出設定高度，內部內容會把該塊級元素高度撐開，height失效。解...
瀏覽器CSS相容問題彙總及解決
由於公司專案要求相容到ie6，這之中遇到不少css相容性問題，所以就在部落格彙總下來，以後在專案中遇到新的相容性問題，也會在這裡更新。1.ie6下height屬性會失效 問題描述 在ie6下，即使塊級元素設定了高度，但若元素內部的內容超出設定高度，內部內容會把該塊級元素高度撐開，height失效。解...
CSS瀏覽器相容問題大全
1 firefox下父容器的高度自適應 height 100 overflow auto 2 ie6的雙倍邊距bug display inline 3 超連結訪問過後hover樣式不出現的問題 改變css屬性的排列順序 l v h a 4.ff下使連續長欄位自動換行 ie中直接使用word wrap...