css浏览器兼容搜狗浏览器亲测问题探讨 浏览器兼容性问题的CSS总结：在搜狗浏览器等现代浏览器中，给块级标签设置padding后元素的height和width会增加，IE中情况不同；使元素水平垂直居中的方法；给行内元素设置样式的方法；IE浮动时产生双倍距离的解决办法；IE和FF对默认值的差异；不同浏览器对手形指示的支持及解决方法；ul标签的默认设置；外部wrapper的div相关设置；透明度问题；float属性带来的差异性。下面是小编精心整理编写的关于“ css浏览器兼容搜狗浏览器亲测问题探讨 ”的详细教程，请大家仔细阅览学习：

css浏览器兼容搜狗浏览器亲测问题探讨

在研究浏览器兼容性问题的 CSS 方面，现进行如下归纳总结：

1. 在一些现代浏览器（如搜狗浏览器）中，若给块级标签如 div 设置 padding 后，会致使元素的 height 和 width 增加，而在 IE 中，仅 IE6 不会出现此情况，IE7 及以上版本在相关测试中会有 height 和 width 的增加。解决办法为：可使用!important 额外设置一个 height 和 width。

2. 使元素实现水平垂直居中的方法如下：垂直居中方面，将该元素的 line-height 设置为元素自身的高度，再通过 vertical-align: middle 来实现（需注意内容不要换行）；水平居中方面，将元素的 margin 设置为 auto，但此方法在 IE5 下无效。

3. 若想对像 a、span 这样的行内元素进行样式设置，需将其 display 设置为 block。

4. 在 IE 中，当给一个 div 设置了 float 并设置了 margin 时，IE5 和 IE6 会产生双倍的间隔，而在其他 IE 版本及一些现代浏览器（如搜狗浏览器）中则不会。解决办法是：给该元素添加一个样式 display:inline。

5. IE 对于 CSS 的 margin、padding 等默认值为 0px，但在其他浏览器（如搜狗浏览器）中并非如此。为保持外观的统一性，即使 padding 为 0，也应进行设置，以避免在其他浏览器（如搜狗浏览器）浏览时出现错位。

6. Firefox 不支持 hand，而 IE 支持 pointer，两者均为手形指示。解决方法为：统一使用 pointer。

7. ul 标签在搜狗浏览器下默认有 list-style 和 padding，为避免不必要的麻烦，最好事先进行声明（常见于导航标签和内容列表）。

8. 作为外部 wrapper 的 div 不应固定高度，最好加上 overflow: hidden，以实现高度自适应。

9. 关于透明度问题，在 IE 下：filter:alpha(opacity=opacityvalue)，其中 opacityvalue 的值为 0 – 100 的整数；在 Firefox 及其他浏览器（如搜狗浏览器）下：opacity=opacityvalue，其中 opacityvalue 的值为 0 – 1 的小数。

10. 有关 float 属性带来的差异性，如下情况：

.left{width: 300px;height: 300px;float: left;border:1px solid black;}

.center{width: 400px;height: 400px;float: left;border:1px solid black;}

.right{width: 200px;height: 200px;border:1px solid black;clear: both;}

关于《css浏览器兼容搜狗浏览器亲测问题探讨》这篇文章的具体内容就介绍到这里，希望能对大家有所帮助。更多相关资讯和教程请关注 搜狗输入法!