1. 程式人生 > >谷歌瀏覽器使用css3中Calc計算器時需要注意的事請

谷歌瀏覽器使用css3中Calc計算器時需要注意的事請

  在最近的一個專案中,我使用calc函式計算寬度犯了一個錯,一個很有趣的錯誤。在css裡我寫了下面的程式碼:

        width: calc(100%-351px);

   但它沒有按我與預期設計生效,而且,在瀏覽器的debug工具裡顯示,這句程式碼是有誤的。很奇怪,瀏覽器是最新版的谷歌瀏覽器,肯定是支援這個css3特徵。

 沒有生效,這是為什麼呢?

    在谷歌瀏覽器:

          發現這裡有個需要注意的地方就是在進行加減運算的時候,必須在運算子前後加空格。

         width: calc(100% - 351px);