应用margin-left后，右边框丢失

Question

我在框(Example)上应用了左边距后，我的右边框丢失了。 如果我删除左边空白(Example)，没有问题。 有什么办法解决吗？

Css：

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

Answer 1

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

width: calc(96% - 40px);

Answer 2

参考Ehsan的答案，我设法通过添加以下CSS来完美解决问题。

width: calc(100% - 40px);

感谢您的回答。 ：）