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
(★^O^★)MG黄金武士_稳赢版 可以打长沙麻将的app 全民内蒙星悦麻将 重庆时时免费计划软件app 快乐12前三直选图 腾讯棋牌欢乐斗地主不洗牌 辽宁35选7走势图综合版 大富豪手游棋牌官网 2月24日快船vs雷霆录像 快乐双彩走势图双色球带坐标 大连娱网棋牌官方下载 捕鱼达人3攻略技巧攻略汇总 手机百度内蒙快三 湖南幸运赛车现场直播 内蒙古快三组合走势 吉祥棋牌