1. 目標不居中；
一般新手都愛出現這個問題，主要原因是對盒子模型不夠理解，如果發現你的頁面沒有居中，基本上有兩種情況：
a. 如果是在瀏覽器中沒有居中，就是沒盒子，就是要用乙個大div把所有需要居中元素裝起來，然後給盒子乙個css樣式margin:0 auto;
b. 如果想要盒子內的元素居中，必須定義盒子的絕對寬度,然後給盒子乙個css樣式text-align:center;
2. 目標在不同瀏覽器上的位置不同；
a. 首先不要去急著找hack,先看一下自己的**有沒有錯誤，dw裡有乙個「檢查瀏覽器相容性」功能特別實用；
b. 然後，盡量讓目標的位置初始化，使之在所有瀏覽器都處在同乙個位置，這個條件的前提是，不寫hack，最後再乙個方位乙個方位調整。
3. 目標與目標之間距離在各個瀏覽器上的區別；
a. 給其中乙個目標加背景顏色；
b. 觀察背景色與另外乙個目標的距離，檢視是不是這個目標造成的距離問題
c. 如果不是上乙個目標，那就給另外乙個目標也加上背景顏色。
d. 這樣很容易判斷出那個目標造成的原因，就針對那個目標進行修改。
4. ie6相容問題最多的乙個，浮動問題。
a. flaot浮動造成ie6下面雙倍邊距問題，這個最常見，也最好處理，解決方法：
只需要給這個div加乙個樣式：display:inline;
b. 布局的時候經常會遇到這種情況：發現有乙個div浮動了，接下來的乙個div本來是要在下面顯示的，結果跑上面去了，這種情況一般在ff下面會出現。
解決的辦法：清除浮動，在設定過浮動的那個div下面加乙個div，給個樣式clear:both;如下
5. ie8相容問題
ie8下相容問題，這個最好處理，轉化成ie7相容就可以。在頭部加如下一段**，然後只要在ie7下相容了，ie8下面也就相容了
6. 背景相容問題
有的時候明明給乙個div加了背景顏色或背景，但是卻顯示不出來或者顯示不全。
解決辦法：首先，有可能是div沒有設定絕對高度。如果設定了寬度和高度還沒有效果，那麼給div乙個樣式display:block；（通常a:hover加背景的時候經常遇到）。
另外，如果高度必須要設定成自動的話，那麼就給div乙個樣式overflow:hidden;
7. ie7和firefox相容問題
很多朋友div+css的時候，會出現，在ie的幾個瀏覽器下都好使，就是ff下有問題。
解決方法：height:100px;/*ff下顯示100的高*/ +height:120px;/*ie678下顯示120高*/
原理：ff不識別加過符號的屬性，而ie識別。
0給主人留下些什麼吧！~~
如何解決瀏覽器的相容問題
關於瀏覽器的相容性問題，我認為可以從瀏覽器對css標記屬性的預設解釋不統一來說 比如 margin left 這個屬性在使用float 的情況下會雙倍顯示距離，所以一旦這樣使用了那麼在ie6 7 8 9中顯示的距離就不一樣，所以就不相容了。建議使用padding left 來代替margin lef...
如何解決HTML在各種瀏覽器的相容性
方法 步驟 不同瀏覽器對html標記所具有的內外邊距屬性具有不同的定義。因此如果想消除這種差距，應該在相應的css部分加入以下css 借於此，所有標記的內外邊距被統一起來。優先順序問題 對於同一標記屬性所給定的值，有不同的優先順序。其中優先順序最高的是內聯 其實是頁內css，接下來是瀏覽器預設設定，...
解決瀏覽器相容 CSS HACK
我們在做頁面時不可避免的會碰到瀏覽器相容問題，特別是 ie6，那麼要如何相容所有瀏覽器呢，答案是 css hack。還有一些 css hack 我沒用羅列出來，譬如 chrome，opera 等等。對於這些通常情況下我們是用不到的。測試的瀏覽器 ie6 9，firefox，chrome ps 最好的...