我刚刚读了 CSS 函数calc()在 Mozilla 的开发者网络中。
第一个例子在本文使用以下 CSS 代码：
.banner {
position: absolute;
left: calc(40px);
width: calc(100% - 80px);
border: solid black 1px;
box-shadow: 1px 2px;
background-color: yellow;
padding: 6px;
text-align: center;
box-sizing: border-box;
}
这个 HTML 标记：
<div class="banner">This is a banner!</div>
请原谅，如果这是一个过于微不足道的问题，但是有什么理由使用left: calc(40px)或者这只是一个错误？由于没有什么可计算的，我只是把left: 40px;.
你是对的。calc(40px)相当于40px。目前还不清楚这个例子是否真的意味着要证明这一点，如果是的话，为什么它觉得有必要这样做，因为它显然不是如何calc()本来是要被使用的。
也许这是隐藏的一种方式left来自不理解的旧浏览器的声明calc()，因为不理解它的浏览器会忽略width声明，但仍适用left: 40px (sans calc()）声明，具有不利影响。但这只是我的一个有根据的猜测。正是这样的情况@supports是为了；然而，自从calc()早于日期@supports几年后, @supports不能在这里使用，所以唯一的其他选择是利用 CSS明确的 错误处理规则.
（事实上，我最近创建了一个 CSS hack，它利用了一个单独的calc(0s)表达到隐藏旧版本 Firefox 的规则。讽刺的是，这个表达确实存在于@supports功能查询，因为 Firefox 引入了对calc()
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
