我是靠谱客的博主 缥缈小蘑菇,这篇文章主要介绍calc函数.html,现在分享给大家,希望可以做个参考。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

.wrap{

width: calc(300px - 50px);

height: 200px;

padding-right: 50px;

background-color: red;

}

/*

calc()函数

用于动态计算长度值,

支持的运算符 + - * /

在运算符的前后都需要保留一个空格

*/

</style>

</head>

<body>

<div class="wrap"></div>

</body>

</html>

最后

以上就是缥缈小蘑菇最近收集整理的关于calc函数.html的全部内容,更多相关calc函数内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(111)

评论列表共有 0 条评论

立即
投稿
返回
顶部