应用 margin-left 后右边框丢失答案

【问题标题】：right border is missing after apply margin-left应用 margin-left 后右边框丢失
【发布时间】：2018-11-29 05:57:26
【问题描述】：

在我将 margin-left 应用于框 (Example) 后，我的右边框丢失了。如果我删除 margin-left (Example) 没有问题。有什么办法解决吗？

CSS：

position: absolute;
border-color: grey;
border-style: solid;
z-index: 10;
width: 96%;
margin-left: 40px;
height: 52.05rem;
top: 0.3rem;

【问题讨论】：

尝试使用box-sizing: border-box;。
显示你的html代码
@Xufox 我试过了...不起作用
@McSam 然后edit 你的问题并提供minimal reproducible example 并展示你的研究和你的尝试，并解释究竟是什么不起作用。
“有什么办法解决吗？” - 取决于“它”到底是什么 - 你忽略了给我们一个实际的、正确的描述你想要在这里实现的目标.请在这方面阅读How to Ask。如果您只想要一个从参考系统左侧 40px 到右侧 0 的绝对定位框 - 那么请准确指定：left: 40px; right: 0 并将宽度设置为 auto。

【解决方案1】：

元素的width 大于width 容器。所以试试这个：

width: calc(96% - 40px);

【讨论】：

【解决方案2】：

参考Ehsan的答案，我通过添加以下css来完美解决问题..

width: calc(100% - 40px);

感谢您的回答。 :)

【讨论】：

您为什么要删除我的答案的标记并将我的答案复制到您的帖子中？
麦克山姆，你不应该这样回答你自己的问题。如果 Eshan 的回答对您有帮助，您应该将他标记为最佳答案。
嗨，首先@Ehsan 感谢您的回答...我的回答略有变化...我删除了标记，因为我尝试像我一样修改您的答案，但您删除了它...这就是我删除标记的原因...注意：96% 更改为 100%
@Ehsan 你可以编辑你的答案，以便我标记你的答案:)