我可以使用带边框宽度的calc()吗？
我想以下CSS工作：
.my-element {
border-left-width: calc(10% + 10px);
border-right-width: calc(10% + 20px);
}
但无论出于何种原因,我使用calc()提供的任何值都不会产生任何边界.我在MDN上找到的文档并不清楚是否可以使用calc – 它说我应该使用Any< length>价值,但这包括计算？
我的目标是IE9,但我在Chrome 34和Firefox 28中获得了相同的结果.我知道我也可以使用jQuery来实现这些目标,但我想尽可能避免使用它.
解决方法
不幸的是,border-width不能使用％值,因为任何％与元素的大小无关.
所以,基本上……不,你不能使用％WITH％作为边界宽度,因为它不知道它应该是什么％.
