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页