CSS3 calc() 验证:值错误:宽度解析错误 [重复]

Posted

技术标签:

【中文标题】CSS3 calc() 验证:值错误:宽度解析错误 [重复]【英文标题】:CSS3 calc() validation: Value Error : width Parse Error [duplicate] 【发布时间】:2014-09-02 00:10:19 【问题描述】:

我需要验证使用以下代码的 CSS3 文件:

width:calc(96.3% - 312px)

它返回此错误:

值错误:宽度解析错误 - 312px)

我的最后一个选择是在页面加载和窗口调整大小时使用 javascript 函数来获取宽度值,前提是可以使用 CSS3(仅适用于 IE8 或更早版本)。

【问题讨论】:

【参考方案1】:

这似乎是验证器中的一个错误。您的 calc() 语法有效。不用担心。

当您需要验证您的 CSS 时,只需删除该声明,这样它就不会导致不可恢复的解析错误。

【讨论】:

哦,我明白了,谢谢。现在我发现了这个错误:w3.org/Bugs/Public/show_bug.cgi?id=18913。有没有一种方法可以在不编辑代码的情况下隐藏/删除声明?谢谢。 @Gerard:我不这么认为。 不幸的是,这个错误在将近两年后仍然存在 - 在验证和谷歌搜索时遇到同样的问题后,我只是在这里找到了这个问题和答案......

以上是关于CSS3 calc() 验证:值错误:宽度解析错误 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

css3 calc()属性介绍以及自适应布局使用方法

IE8中使用css3中的属性calc(),大神求解决……

尝试在 calc() 中使用 theme() 时解析错误

width: calc(100% - 20px);

转CSS3的calc()使用——精缩版

css的calc方法主要用途是啥呢?