IE8 的 calc() 是不是有纯 CSS 后备

Posted 2023-03-06

【中文标题】IE8 的 calc() 是不是有纯 CSS 后备

【英文标题】：Is there a CSS-only fallback for calc() for IE8IE8 的 calc() 是否有纯 CSS 后备

【发布时间】：2013-06-11 02:35:30

【问题描述】：

我知道有一个CSS fallback for calc() for IE6-7。同样，我知道有a jQuery alternative。

但是，对于 IE8，calc() 是否有纯 CSS 的后备？如果有，它是什么？

【问题讨论】：

没有。那没有。无论如何你都可以使用 js 表达式来解决它。

唯一的 CSS 后备是在 calc() 之前设置一个固定的宽度/高度

您需要修改 html，添加一个额外的（中性容器以增加或减少值（例如正或负边距），对于其他我没有想到的情况，我不知道。

@GCyrillus，换句话说，不，没有纯 CSS 的解决方案。 ;)

@lachore，这有点递归，你不觉得吗，将问题中的链接粘贴回同一个问题？

【参考方案1】：

你可以这样做

.content
    padding-right: 500px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

演示http://jsfiddle.net/FYB4q/

【讨论】：

这与问题有什么关系？

@OllyHodgson Calc 通常用于将百分比与像素值相结合，这正是我试图做的。 ***.com/questions/2434602/…

这是链接问题答案的完整副本：***.com/a/18570513/651170

@deathlock 我看不出与答案有太多相似之处。我建议报告“重复”，以便知名会员可以查看您的建议?

【参考方案2】：

IE 8以上不支持动态属性

Internet Explorer 8 及更高版本、IE8 标准模式及更高版本不再支持动态属性（也称为“CSS 表达式”）。

来源：Read this

【讨论】：

好的，谢谢。已经阅读了该链接，因为它包含在我在问题中引用的第一篇文章的 cmets 中。这就是为什么我要问是否有在 IE8 中有效的后备。

@DerekHenderson，好吧，如果你不喜欢的话。

这是一个非常具有误导性的回答。这是关于旧的表达式方法，与calc无关。