calc
属性
calc()
中的参数是一个计算公式这些计算公式也都是很简单的加( + )减( - )乘( * )除( / )运算
支持嵌套
案例
<body>
<div id="box_1">
<div id="box_2"></div>
</div>
</body>
<style>
#box_1 {
width: 100px;
height: 100px;
background-color: red;
position: relative;
}
#box_2 {
width: calc(100% - 80px); //20px
height: 20px;
background-color: black;
position: absolute;
left: calc(30px - 20px); //10px
}
</style>