html 兼容性問題及一些處理方法（1）

兼容性問題：

計算一定要精確 要要讓內容的寬度超出我們設置的寬高，在IE6下，內容會撐開設置好的寬高；；

在IE6元素浮動，如果寬度需要內容撐開，就給里面的塊元素都加浮動；

在IE6，7下元素要通過浮動并在一行，就給這行元素都加上浮動；

注意標簽嵌套規范；

IE6下最小高度問題，在IE6下元素的高度小于19px時，游覽器會將其當做19px來處理，接解決辦法：overflow：hidden；

1 px dotted在IE下不支持；至少大于等于2px；解決辦法 截圖片 平鋪；

在IE6下解決margin傳遞要觸發haslayout，在IE6下父級有邊框的情況下，子元素的margin值消失了，解決辦法還是去觸發haslayout，盡量觸發haslayout寫上zoom：1；

IE6下雙邊距問題margin值，在IE6下，塊元素有浮動或橫向的margin值會被放大成兩倍，解決辦法：display:inline;

margin-right 一行右側第一個元素有雙邊距，margin-left 一行左側第一個元素有雙邊距；

在IE6,7下，li本身沒浮動，但li的內容有浮動，li下邊就會產生一個間隙，解決辦法：1.給li加浮動 2.給li加垂直的對其方式vertical-algin:top;

在IE6下最小高度問題，和li的間隙問題共存的時候，給li加浮動；

當一行子元素占有的寬度之和和父級的寬度相差3px，或者不滿行狀態的時候，最后一行子元素的下margin在IE6下就會失效

IE6下的文字溢出BUG，子元素的寬度和父級的寬度相差小于3px的時候，兩個浮動元素中間有注釋或者內嵌元素，解決版本：用div將注釋和內嵌元素包起來

當浮動元素和絕對定位元素是并列關系的時候，在IE6下絕對元素會消失，解決辦法：給定位元素外面包個div

在IE6，7下，子元素有相對定位的話，父級的overflow就包不住子元素了，解決辦法：給父級也加相對定位；

在IE6下絕對定位元素的父級寬度時奇數的時候，元素的right值和bottom值會有1px的偏差。

不要給Tbody和Thead 加樣式，IE6下不兼容；

在IE6，7下輸入類型的表單控件上下各有1px的間隙；解決辦：給input加浮動；

在IE6，7下輸入類型的表單控件加border：none；無效果；解決辦法給input重新加背景

在IE6，7下輸入類型的表單控件輸入文字的時候背景圖片會跟著一塊移動；解決辦法：加給父級，清除自己的background：none，父級寬度和自己寬度相同;

IE6下png圖片拼接問題，會將透明圖片變成不透明，使用JS來進行處理；

在IE6下沒在important 后加同一樣的樣式，會破壞掉important的作用，按照默認的優先級順序來走；

在IE6下用margin的負值 超出父級的部分都會被屏蔽掉,可以采用定位元素來處理

    a標簽的偽類才全兼容

    元素的寬度由內容撐開

display:inline;

display：inline-block；

float

position:absolute

position:fixed 不兼容

border-radius:10px 圓角

百萬級別訪問量的問題：

css精靈 減少網站圖片的返回請求次數