CSS calc()产生一个奇怪的结果

时间:2015-07-08 11:26:16

标签: css css3 less

我在固定的标题元素上有以下CSS样式

width: calc(100% - 17px);

我在SharePoint内部工作,并且通过SharePoint在侧面生成滚动条的方式,我的标题元素(100%宽度)显示在滚动条的顶部。为了解决这个问题,我试图删除滚动条的17px。

然而,当页面呈现时,宽度最终为83%,我不知道为什么。很遗憾,我无法为您提供相关网页的链接,因为它位于我们的测试环境中。任何想法为什么会产生83%的结果?

编辑:我还应该提到我使用LESS来编写我的样式。我刚检查了编译好的CSS文档,它产生的最终输出宽度为:83%。

1 个答案:

答案 0 :(得分:2)

请阅读这篇文章。它有一些解决方法。 https://github.com/less/less.js/issues/974