Css 必须如何计算最大宽度：calc（62.5%-3rem）才能找到正确的值？其中x和y是整数值

我正在做一些UI修复，我想修复一个设计，使其在IE web浏览器中正常工作。 给定设计已使用calc css定义弹性值：

.row{
显示器：flex；
柔性包装：包装；
保证金权利：-1.5雷姆；
左边距：-1.5雷姆；
}
.清单项目{
边缘底部：18px；
边框：实心1px棕色；
-网络工具包盒阴影：0px 0px 14px 3px rgba（2472482520.7）；
盒影：0px 0px 14px 3px rgba（2472482520.7）；
背景颜色：粉红色；
填充：16px 16px 12px 16px；
边框：实心1px#f7f8fc；
颜色：棕色
}
.列表项背景{
位置：相对位置；
背景色：黑色；
}
.私人{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
右边框：实心1px#e3e7ec；
右边距：16px；
}
.col-md-5{
弹性：0计算（62.5%-3雷姆）；
左边距：1.5雷姆；
最大宽度：calc（62.5%-3rem）；
}
.数据{
左边距：0rem；
利润上限：11px；
}
.col-md-3{
弹性：0计算（37.5%-3雷姆）；
左边距：1.5雷姆；
保证金权利：1.5雷姆；
最大宽度：计算值（37.5%-3rem）；
}

我的形象和细节
呼叫按钮

为什么不使用填充（带有方框大小）而不是边距，这样您就不需要calc@Pete谢谢我更新了我的帖子，因为我想问的问题不够清楚。请详细说明填充如何帮助解决此问题，以及在给定代码中如何计算calc，因为我不是此代码的作者，并且希望了解它是如何实现的。如果使用填充和框大小而不是边距，则可能会重复，您将有间隙，但填充将包含在宽度中，因此，您不需要计算3rem是为了满足利润（左1.5和右1.5）