CSS是前端開發中重要的一環，其樣式的兼容性問題也是常見的煩惱。

.block {
display: inline-block;
background-color: red;
width: 200px;
height: 200px;
}

塊級元素指在HTML中獨占一行的元素，如div、p、h1-h6等。在CSS中，對于塊級元素的樣式設置，需要注意不同瀏覽器的兼容性。

.block {
display: inline-block;
background-color: red;
width: 200px;
height: 200px;
}

其中，display屬性設置為inline-block可以使塊級元素擁有行內元素的特性，同時保持塊級元素的獨立性。這樣設置一般適用于水平居中、垂直居中等布局。

.block {
display: -moz-inline-stack; /* Firefox */
display: inline-block;
zoom: 1; /* IE6/7 */
*display: inline; /* IE6/7 hack */
background-color: red;
width: 200px;
height: 200px;
}

但是，有些瀏覽器并不支持display屬性的inline-block值，如IE6/7/8。此時，我們需要進行特殊的兼容處理。上述代碼中，為了兼容IE6/7，我們使用zoom:1和*display:inline這兩個hack屬性，使其能夠正確地顯示inline-block效果。

在CSS樣式的兼容性處理上，需要多加注意，遵循標準化、穩定化、普遍化的原則，才能保證我們的頁面在不同的瀏覽器中展現一致的效果。