一、圖片下方有間隙，解決方法如下
a) 將圖片變爲塊元素
b) 將父元素的字體大小設置爲0
二、圖片間有間隙，解決方法如下
a) 將代碼寫在同一行
b) 將父元素字體大小設置爲0
c) 使圖片浮動
三、圖片加超鏈接後，IE瀏覽器下方有邊框，解決方法
a) 給圖片設置border：none
四、給圖片加超鏈接後，如果要設置鼠標移過顯示邊框效果，默認情況下，邊框只顯示一半，解決方法如下
a) 給a添加display：block屬性
五、行內塊元素上下錯位，解決方法如下
a) 給行內塊元素設置vertical-align：top、middle、bottom
b) 給行內塊元素設置浮動
六、頁面中元素的默認的margin和padding不同，所以要求清除元素的默認margin和padding，方法如下：*{margin：0；padding：0}
七、兩個上下關係的元素，間距默認爲較大的margin，如果要margin之和，則需要讓兩個元素浮動
八、兩個父子關係的元素，如果子元素設置了浮動且設置了margin-left，那麼在IE6下面margin-left加倍，解決方法如下：
a) 給子元素設置display：inline
九、兩個父子關係的元素，如果子元素設置了margin-top，那麼父元素會同步下移，簡介方法如下
a) 給父元素加邊框
b) 在給子元素設置margin-top的同時，給父元素設置padding-top：0.1
c) 給子元素設置margin-top的同時，給父元素設置float
d) 不給子元素加margin-top，給父元素加padding-top
十、兩個兄弟關係的元素，如果給第一個元素設置浮動，那麼在IE6下面，兩個元素是在一行顯示的，且中間有3px間隙，解決方法：將第二個元素也設置浮動
十一、 如果要設置文本垂直居中，可以給該元素設置行高和高度相同的效果
十二、 IE6下面不支持將:hover加到非超鏈接上面，解決方法爲：將內容用超鏈接包含起來，然後給超鏈接加:hover
十三、 標籤最低高度設置min-height不兼容
因爲min-height本身就是一個不兼容的CSS屬性，所以設置min-height時不能很好的被各個瀏覽器兼容
解決方案：如果我們要設置一個標籤的最小高度200px，需要進行的設置爲：{min-height:200px;height:auto!important; height:200px; overflow:visible;}
備註：在B/S系統前端開時，有很多情況下我們有這種需求。當內容小於一個值（如300px）時。容器的高度爲300px；當內容高度大於這個值時，容器高度被撐高，而不是出現滾動條。這時候我們就會面臨這個兼容性問題
十四、 Ie6不支持fixed屬性
十五、 IE 中Opacity定義的元素不透明
解決方法：filter：alpha（opacity=80）等同與opacity：0.8；