計算屬性calc()
函數(shù)calc()支持CSS3; 讓你的CSS具有計算功能, CSS屬性值就是表達式的結果
html
<div class="box-example"></div>
CSS
.box-example {
height: 280px;
background: #222 url('https://image.ibb.co/fUL9nS/wolf.png') no-repeat;
background-position: calc(100% - 20px) calc(100% - 20px);
}
關鍵點:
calc() :
- 支持 加+, 減-, 乘*,除/ 運算
- 可以使用的單位: px, %, rem, em , vw, rem
- 允許嵌套calc()
- 平臺覆蓋率: 96.21%, 支持最低版本 '瀏覽器 IE9', '安卓瀏覽器4.4', 'Safari 6.1', Opera內核不支持