html – 边界宽度的CSS calc()？

发布时间：2020-12-14 16:41:45 所属栏目：资源来源：网络整理

导读：我可以使用带边框宽度的calc()吗？我想以下CSS工作： .my-element { border-left-width: calc(10% + 10px); border-right-width: calc(10% + 20px);} 但无论出于何种原因,我使用calc()提供的任何值都不会产生任何边界.我在MDN上找到的文档并不清楚是否可以

我可以使用带边框宽度的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％作为边界宽度,因为它不知道它应该是什么％.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!