边界宽度的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％用于边框宽度，因为它不知道它应该是％。