• 
    

  • <dd id="iehzm"></dd>
    <th id="iehzm"></th>

  • <rp id="iehzm"></rp>

    1. <em id="iehzm"><object id="iehzm"><u id="iehzm"></u></object></em>
      <span id="iehzm"></span>

      <th id="iehzm"></th>

      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
      可以在线看av的网站_国产高清成免费视频_淑容上船止痒老扒和三个女人_丁香婷婷深情六月久久蜜芽