边界宽度的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，但这包括计算？

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

Answer 1

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

所以，基本上...... 否你不能使用calc WITH％作为border-width，因为它不知道它应该是什么的百分比。