CSS calc() 产生奇怪的结果

标签 css less

<分区>

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

width: calc(100% - 17px);

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

但是,当页面呈现时,宽度最终变为 83%,我不确定为什么。很遗憾,我无法为您提供相关页面的链接,因为它在我们的测试环境中。知道为什么这会产生 83% 的结果吗?

编辑:我还应该提到我正在使用 LESS 来编写我的样式。我刚刚检查了编译后的 CSS 文档,它正在生成 width: 83% 的最终输出。

最佳答案

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

关于CSS calc() 产生奇怪的结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31291267/

上一篇:css - 无法在 Rails 应用程序中包含外部样式表

下一篇:html - 问题关闭响应式菜单

相关文章:

css - LESS 不在 Windows 2012 服务器上编译?

css - CSS 预处理器会生成更高效的 CSS 代码吗?

css - Font Awesome extras.less 变量

less - 更少的数组

javascript - 如果滚动超过 300vh

html - 如何让这个 HTML 元素居中?

css - 灵活的 CSS 列

html - 无法让水平列出的 ul 水平溢出(和滚动)

css - Grunt watch (gruntjs) 操作给出此错误代码 : EACCES

php - 如何从谷歌翻译 api 中删除或隐藏谷歌图标?