1. 不同瀏覽器的標簽默認的外補丁( margin )和內補丁(padding)不同；
解決辦法：在CSS文件開頭，加*{margin: 0; padding: 0;}，把所有標簽的margin和padding設置為0即可。
2. 在IE6中，塊元素設置float並且有水平方向的margin時，margin顯示出來會比設置的值大，會導致最后一塊元素被頂到下面去；
解決辦法：可以將塊級元素display設置為inline。
3. 在IE6，IE7等瀏覽器，標簽高度小於10px時，實際的高度會超出設置的高度，這是因為瀏覽器給標簽設置了一個默認的最小高度；
解決辦法：設置{overflow: hidden;}，或者設置line-height小於你設置的高度。
4. 在某些瀏覽器中，圖片有默認的間距(所有有文字屬性的標簽都會有邊距，除非兩個標簽連在一起沒有隔開)；
解決辦法：使用float為img布局，因為所有標簽設置float之后都會變成塊級元素，塊級元素浮動時會緊挨在一起，沒有邊距；此外可以讓HTML的img標簽緊挨在一起，不要隔開，但是會影響HTML文檔的結構，不太美觀。
5. 標簽最低高度設置min-height不兼容問題；
解決辦法：如果我們要設置一個標簽的最小高度200px，需要進行的設置為：{min-height:200px; height:auto !important; height:200px; overflow:visible;}。
6. IE9以下瀏覽器不能使用opacity；
解決辦法：{opacity: 0.5;filter: alpha(opacity = 50);filter: progid:DXImageTransform.Microsoft.Alpha(style = 0, opacity = 50);}。
7.兩個塊級元素，父元素設置了overflow:auto，子元素設置了position:relative ，且高度大於父元素，在IE6、IE7會被隱藏而不是溢出；
解決辦法：父級元素設置position:relative。