html - 边框宽度中的CSS calc（）？

Question

我可以将 calc() 与边框宽度一起使用吗？

我希望以下 CSS 工作：

.my-element {
  border-left-width: calc(10% + 10px);
  border-right-width: calc(10% + 20px);
}

但无论出于何种原因，我提供的任何值calc()都不会产生任何边界。我在MDN上找到的文档不清楚是否可以使用 calc - 它说我应该使用Any <length> value，但是这包括 calc 吗？

我以 IE9 为目标，但在 Chrome 34 和 Firefox 28 中得到了相同的结果。我知道我也可以使用 jQuery 来实现这些目标，但我想尽可能避免使用它。

Answer 1

不幸的是，border-width不能使用 % 值，因为任何 % 都与元素的大小无关。

所以，基本上......不，你不能使用calcWITH % 作为边框宽度，因为它不知道它应该是什么。