在网页开发过程中，CSS样式是必不可少的一部分。但是，由于不同的浏览器对CSS的支持程度不同，可能会导致在不同的浏览器上显示效果不一致。因此，CSS兼容问题十分重要。

下面介绍一些常见的CSS兼容性问题以及解决方法。

1. 盒模型问题

/*标准模型和怪异模型*/
box-sizing: content-box/border-box;

不同浏览器对盒模型的解释有所不同，有标准模型和怪异模型。在标准模型中，盒模型的大小由元素的内容(content)、内边距(padding)、边框(border)三者的大小来计算。而在怪异模型中，盒模型的大小仅仅由元素的内容(content)来计算，在这种模型下，盒子大小无法准确确定。可以在CSS中使用box-sizing属性来指定盒模型计算方式，一般设置为border-box，以兼容不同的浏览器。

2. 浮动问题

/*清除浮动*/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both; }

浮动元素在不同浏览器中的表现也有所不同，可能会导致出现不同的BUG。为了兼容不同的浏览器，应该采用一些方法来清除浮动影响，如上面的代码所示，使用clearfix类来清除浮动。

3. 选择器问题

/*兼容多种浏览器的CSS3选择器*/
.droplist>li:last-child:nth-child(odd){ }

CSS3提供了许多便利的选择器，例如:last-child、:nth-child等。但是，不同浏览器对CSS3选择器的解析也不同，某些低版本的浏览器可能不支持CSS3选择器。因此，在编写CSS3选择器的时候需要关注浏览器兼容性。可以使用上面代码所示的CSS3选择器来兼容多种浏览器。

4. 兼容性问题

/*针对不同浏览器的样式*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 和 Chrome */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+*/
}

不同浏览器的兼容性问题还有很多，例如使用不同的前缀、不同的属性等。可以使用媒体查询方式针对不同的浏览器来设置不同的样式。

以上介绍了一些常见的CSS兼容性问题以及解决方法，希望对大家有所帮助。