CSS技巧：使用calc()做算術

讓我們來說說calc()功能。這個函數能讓你執行簡單的算術計算，例如計算元素的長寬，免去了你寫不易維護的Javascript代碼。這個函數支持所有簡單的基本算術運算，包括加減乘除。

比方說，你想創建一個元素，使它的寬度占滿它的父元素，但還要留出一部分像素寬做其它用處：

.parent {
    width: 100%;
    border: solid black 1px;
    position: relative;
    }

    .child {
    ;
    left: 100px;
    width: calc(90% - 100px);
    background-color: #ff8;
    text-align: center;
    }