在網頁設計過程中，我們可以使用CSS來設置頁面的樣式，包括顏色、字體、大小、布局等等。但是在不同的瀏覽器中，不同的CSS樣式表現會有很大的差異，這就會導致我們在編寫CSS時遇到兼容性問題，尤其是在老版本的瀏覽器中的顯示效果可能并不如我們所期望。

/* 以IE為例 */
.box {
display: inline-block;
background-color: red;
width: 100px;
height: 100px;
}

上面這段代碼是設置一個紅色的正方形盒子，通過display和width和height讓盒子大小和位置都能夠根據我們的要求來調節。但是在IE瀏覽器中卻可能存在問題，它可能采用默認的box-sizing屬性來解析，在解析時它可能認為width的值是不包括border和padding的，這將導致我們在進行設計時，無法達到我們所期望的效果，可以通過改變box-sizing屬性或者使用hack的方式來解決這個問題。

這只是CSS中一處兼容性問題，CSS的兼容性問題還有很多，例如盒模型、浮動、清除浮動等等。當我們在編寫CSS時，需要考慮到不同瀏覽器之間的兼容性問題，同時我們也需要尋找相應的hack解決方案。