div css 瀏覽器相容

相容性問題無處不在，不要在學習階段將標準定得太高，慢慢來。 就算是大**，也有相容性問題，比如新浪郵件不能和chorme一起使用（不知道現在版本支援不支援），很多網銀支付在非IE瀏覽器下都用不上。

其實這個問題很正常，你只需要用你所知道的知識慢慢除錯，多嘗試，多練習，慢慢找到某些CSS屬性的用法，說白了，解決相容性問題還是需要基本的CSS技能。

一旦你精通了CSS屬性，你就可以專注於CSS黑客。 但不要只關注它，它只是一種手段，盡可能避免黑客攻擊總是好的。

設定為 float 的 div 將在 IE 下設定雙倍邊距。 這是 IE6 中存在的乙個錯誤。 解決方案是將 display：inline 新增到此 div 中;

*這裡我們來談談塊和內聯這兩個元素***

塊元素的特點是總是從新行開始，高度、寬度、行高、邊距都可以控制（塊元素）; 內聯元素的特點是與其他元素在同一條線上，無法控制（嵌入元素）; #boxhtml

相容：背景：藍色; /*ff、op、ch*/background:

red \9; /*ie8*/background:black; /*ie7*/background:orange;*IE6*以上** 你需要自己推論，比如：

width:105px; /*ff、op、ch*/width:107px \9; /*ie8*/width:105px; /*ie7*/

width:105px; /*ie6*/

相容的方法很多，這個方法更方便閱讀。 考慮到這一點，您將能夠處理由尺寸和位置差異引起的所有相容性問題。 其他與雙浮邊相容、清理浮邊等，必須以其他方式使用。

2樓是解決方案，非常詳細，完成網頁後在瀏覽器中除錯，如果是變形就用2樓的**從CSS開始，就好了。

所謂不相容，很大程度上是初始值的差異。 例如，在預設的 div 層中。 不同的瀏覽器都有預設的填充值和其他屬性值，所以我將做乙個示例，如下所示： 正文

div,form,img,ul,li,p,span

當您在 CSS 布局中出錯時，只需顯示圖層的邊框就很容易發現問題所在。 同樣重要的是要注意，該圖層具有浮點，必須清除。 剛開始做這個的時候，我看了網易主頁的出處**，然後翻閱了API幫助文件，看到了我不懂的屬性。

它將立即解決問題。

方法步驟。

不同的瀏覽器對 HTML 標記所具有的填充屬性有不同的定義。

所以如果你想縮小這個差距，你應該在對應的CSS部分新增以下CSS：

這樣，所有標記的填充都是統一的。

優先問題：

對於同一標記屬性，給定的值具有不同的優先順序。 優先順序最高的是 inline**，它實際上是頁面內的 CSS，其次是瀏覽器預設設定，最後是外部 CSS 所做的限制。

保證金不一致：

當有多個**需要排列在一行中時，我們通常使用“float：left”來這樣做，這就使得瀏覽器存在相容性問題。 這會導致邊距與以下內容不一致。

div 居中問題：

通常我們使用“vertical-align：middle”來實現這一點，這對於搜狗瀏覽器來說是正常的，但是對於IE瀏覽器來說，就沒有效果了。 乙個很好的解決方案是：

如果將文字的行高設定為與 div 相同，則可以解決問題。

內邊框和外邊框合併問題。 通常，對於兩個相關的 div，當它們相鄰時，會使用邊距合併原則，結果是只有兩個 div 的最大邊距值是兩個 div 之間的間距。 兩個包含的 div 之間的間距遵循相同的規則。

牢記此規則，我們在使用 div 塊進行布局時會更舒適。

現在，許多布局都不使用表格。 因為桌子調整起來很麻煩。

它不如div快速方便。 如果要布置房東，建議使用 div+css

**製作表格時僅使用一些。 基本上，它很少使用。 這裡不推薦**。

瀏覽器相容性解決方案不是一兩句話的問題！ 表用於巢狀更複雜的表單。 divs 和 css 進行排版！

CSSHACK的目的是使你的CSS與不同的瀏覽器相容。 我們還可以使用 CSSHACK 為不同版本的瀏覽器自定義不同的 CSS 效果。

沒有捷徑可走，相容性是通過經驗獲得的。 前期建議買CSS書系統學習，寫一句CSS的時候，用不同的瀏覽器測試一下，不相容就立即修改CSS。 遵循規範，記住用正確的標籤做正確的事情，用最少的標籤做最多的事情。

position：absolute；這是絕對的定位。

簡單地說，CSShack 的目的是讓你的 CSS** 相容不同的瀏覽器。 當然，我們也可以使用 CSSHACK 為不同版本的瀏覽器自定義不同的 CSS 效果。

為了使CSS適應所有瀏覽器，需要使用JS來確定瀏覽器和解像度，以便與所有瀏覽器相容。 盲英畝芹菜的所有效果都不會改變。

選項卡呈現的效果因瀏覽器而異。 因此，從小的角度來看，我將討論如何使CSS標籤與不同的瀏覽器相容。

作為塊級元素的標籤，在編寫CSS檔案時，最好定義行高行高，而不是定義高度的高度，因為定義高度限制了塊級元素的高度，在不同的瀏覽器中，很難達到更統一的效果，我遇到過，在IE6中，Firefox（FF）效果完好無損， 而在 IE7 中，標題的文字只有一半。而且標題在不同的布局下會有不同的行要求，比如在側邊欄等小地方，標題很可能有2或3行，如果定義了高度，那麼大多數瀏覽器都會有錯誤的顯示，非常擁擠或者沒有顯示，如果設定了底邊，也可能是放錯位置。

因此，最好不要定義高度，但一定要根據實際效果定義線高和其他值。 這樣，與不同瀏覽器的相容性是最好的。

h3字型大小、顏色、字型控制

h1高度和寬度控制

h1控制行高

h1文字對齊方式的控制可以是左對齊方式、右對齊方式、居中對齊方式。

h1邊境管制

h1背景控制h1