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

                      admin發表于 2015/03/06

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

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

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

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

                      以下文章你也可能感興趣   標簽所屬:
                      ©2010-2014 秦皇島易博網絡科技有限公司 我們專注于微信開發 | 網站建設 冀ICP備12004938號-3
                      国产自产区44页