我可以使用带边框宽度的 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 来实现这些事情，但我想尽可能避免它。
最佳答案
不幸的是，border-width 不能使用 % 值，因为任何 % 都与元素的大小无关。
所以，基本上...NO 你不能使用 calc WITH % 作为 border-width 因为它不知道它应该是多少的百分比.
关于html - border-width 中的 CSS calc()？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57462694/