做一个懒人----CSS之calc()

最新推荐文章于 2021-11-21 22:16:51 发布

kesilll

最新推荐文章于 2021-11-21 22:16:51 发布

阅读量435

点赞数

分类专栏：学习笔记文章标签： css

本文链接：https://blog.csdn.net/kesilll/article/details/78522889

版权

大家在写代码遇到要计算宽度、高度时一定很烦躁吧，每次都要去计算，但是CSS有一个强大的东西能够帮助我们做一个”懒人“，那就是calc()函数。

calc(expression)

.test{
    width:-webkit-calc(100% - 100px);
    margin:0 auto;
}
<body>
    <div class="test">
        <p>Hello World!</p>
    </div>
</body>

在上面这个简单的例子中，我们可以得到的结果是div位于浏览器中央（这得益于margin:0 auto;），宽度为浏览器宽度减去100px，这就是calc()的作用，这样设置的好处就是会根

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注