CSS中的cal屬性是一個非常有用的特性，可以幫助開發者更好地管理網頁中的布局和設計。

.box {
width: cal(50% - 20px);
height: cal(100vh - 40px);
margin: cal(20px) auto;
padding: cal(5px) cal(10px);
}

在上面的代碼中，我們使用cal屬性來設置元素的寬度、高度、外邊距和內邊距。通過這種方式，我們可以使用數學表達式來定義CSS樣式，使得網頁布局更加靈活和可控。

需要注意的是，cal屬性需要瀏覽器支持才能夠正常使用。目前，大多數現代瀏覽器都已經支持cal屬性，但是在一些老舊的瀏覽器中可能會出現兼容性問題。因此，在使用cal屬性時需要謹慎選擇，在保證瀏覽器兼容性的前提下才能夠安心使用。