最近在做前端頁面布局的時候，遇到了一個問題，就是在使用CSS3 calc計算屬性的時候，發現有些場景下并不好使。

.main{
width: calc(100% - 20px);
}

比如上面的這個代碼，在一些瀏覽器上并不能正常工作。經過一番調試和查閱資料，我發現了一些可能的原因。

第一個可能的原因是瀏覽器的版本過低，不支持CSS3的calc屬性。在這種情況下，我們可以使用其他的方法來實現相同的效果，比如使用JavaScript來進行計算。

第二個可能的原因是在計算時出現了一些奇怪的問題，比如計算結果與預期不符，或者出現了語法錯誤。這很可能是因為我們使用了錯誤的計算方法，導致了計算的結果不正確。

第三個可能的原因是在使用calc屬性的時候，我們可能會遇到一些精度問題。由于計算機和瀏覽器的精度是有限的，當我們進行復雜的計算時，可能會出現精度誤差，從而導致計算結果不準確。

總之，雖然CSS3的calc屬性在某些場景下可能并不好使，但是我們可以嘗試使用其他的方法來實現相同的效果，或者審查我們的代碼，找出可能的問題，從而讓我們的頁面布局更加美觀和流暢。