解析：
浏览器兼容问题一：不同浏览器的标签，默认的 margin 和 padding 不同。问题症状 ：随便写几个标签，在不加样式控制的情况下，各自的 margin 和 padding 差异较大。 碰到几率：100%。 解决方案：CSS 里加一行 *{margin:0;padding:0;}。 备注 ：这个是最常见的，也是最易解决的一个浏览器兼容性问题，几乎所 有的 CSS 文件开头都会用通配符 * 来设置各个标签的内外补丁是 0。
浏览器兼容问题二 ：在块属性标签 float 后，有横行的 margin 情况下，在 IE6 下显示的 margin 比设置的大。 问题症状：常见症状是 IE6 中后面的一块被顶到下一行。 碰到几率 ：90%（稍微复杂点的页面都会碰到，是 float 布局最常见的浏览 器兼容问题）。
解决方案：在 float 的标签样式控制中加入 display:inline; 将其转化为行内属性。 备注 ：我们最常用的就是 DIV+CSS 布局了，而 DIV 就是一个典型的块属 性标签，横向布局时我们通常都是用 DIV float 实现的，如果用 margin 设置横向 的间距，这就是一个必然会碰到的兼容性问题。 浏览器兼容问题三 ：设置较小高度标签（一般小于 10px），在 IE6、IE7、 遨游里，高度超出自己设置高度。 问题症状 ：在 IE6、IE7 和遨游里 , 这个标签的高度不受控制，超出自己设 置的高度。 碰到几率：60%。 解决方案：给超出高度的标签设置 overflow:hidden; 或者设置行高 line-height 小于你设置的高度。
备注 ：这种情况一般出现在我们设置小圆角背景的标签里。出现这个问题 的原因是，在 IE8 之前的浏览器都会给标签设定一个最小默认的行高的高度。 即使你的标签是空的，这个标签的高度还是会达到默认的行高。 浏览器兼容问题四 ：行内属性标签，设置 display:block 后采用 float 布局， 又有横行的 margin 的情况，IE6 间距出现 bug。 问题症状：IE6 里的间距比超过设置的间距。 碰到几率：20%。 解决方案：在 display:block; 后面加入 display:inline;display:table;。 备注：行内属性标签，为了设置宽高，我们需要设置 display:block;( 除 input 标签比较特殊外 )。在用 float 布局并有横向的 margin 后，在 IE6 下，它就具有 了块属性 float 后的横向 margin 的 bug。不过因为它本身就是行内属性标签，所 以我们再加上 display:inline 的话，它的高宽就不可设了。这时，我们还需要在 display:inline 后面加入 display:talbe。 浏览器兼容问题五：图片默认有间距。问题症状 ：几个 img 标签放在一起时，有些浏览器会有默认的间距，即使 加了问题一中提到的通配符也不起作用。 碰到几率：20%。
解决方案：使用 float 属性为 img 布局。 备注：因为 img 标签是行内属性标签，所以只要不超出容器宽度，img 标签 都会排在一行里，但是部分浏览器的 img 标签之间会有个间距。去掉这个间距， 使用 float 是正道。（我的一个学生使用负 margin，虽然能解决，但负 margin 本 身就是容易引起浏览器兼容问题的用法，所以我禁止他们使用）。 浏览器兼容问题六：标签最低高度设置 min-height 不兼容。 问题症状 ：因为 min-height 本身就是一个不兼容的 CSS 属性，所以在设置 min-height 时，不能很好地被各个浏览器兼容。 碰到几率：5%。
解决方案：如果我们要设置一个标签的最小高度 200px，需要进行的设置为： {min-height:200px; height:auto !important; height:200px; overflow:visible;}。 备注 ：在 B/S 系统前端开发时，在很多情况下我们有这种需求。当内容小 于一个值（如 300px）时，容器的高度为 300px ；当内容高度大于这个值时，容 器高度被撑高，而不是出现滚动条。这时我们就会面临这个兼容性问题。 浏览器兼容问题七 ：各种特殊样式的兼容，比如透明度、圆角、阴影等。 特殊样式在每个浏览器中的代码区别很大，所以，只能现查资料，通过给不同 浏览器写不同的代码来解决。 JavaScript 解决 IE6 下 png 透明失效的问题。 做兼容页面的方法是 ：每写一小段代码（布局中的一行或者一块），我们都 要在不同的浏览器中看是否兼容，当然熟练到一定的程度就没这么麻烦了。建 议经常碰到兼容性问题的新手使用。很多兼容性问题都是因为浏览器对标签的 默认属性解析不同造成的，只要我们稍加设置都能轻松地解决这些兼容问题。 如果我们熟悉标签的默认属性的话，就能很好地理解为什么会出现兼容问题及 怎么去解决这些兼容问题了。
');