淘先锋技术网

首页 1 2 3 4 5 6 7

最近我在设计一个网站的时候遇到了一个问题,就是CSS中的calc函数不被识别。我尝试了多种解决方案,但似乎都不能解决这个问题。

.container {
width: calc(100% - 20px); // 该行代码无法被识别
background-color: #fff;
padding: 10px;
}

我尝试了在calc函数中使用px、百分比单位都不能解决这个问题。我还尝试了在其他样式中使用calc函数,比如动态设置高度等,也都无法被识别。

通过查阅资料,我发现该问题可能是由于浏览器不支持calc函数所导致的。但是,我尝试了在最新版的Chrome、Firefox、Edge浏览器中均不能解决该问题。

另外,我还发现了一些可能会导致calc函数不被支持的问题。比如在局部CSS中的calc函数无法读取全局CSS中的变量,CSS中的calc函数需要使用在两个值之间的运算符等。但在我的实际情况中,这些问题都不是造成calc函数无法被支持的原因。

最终,我只能采用其他的解决方案,比如使用JavaScript来动态设置元素尺寸等。但我仍然希望在将来的开发中能够解决这个问题,以便更加方便地编写CSS样式。