html - border-width 中的 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 不能使用 % 值，因为任何 % 都与元素的大小无关。

所以，基本上...NO 你不能使用 calc WITH % 作为 border-width 因为它不知道它应该是多少的百分比.