css - 如何忽略真正 100% 宽度的 parent 填充？

Question

我有一个特殊的页面(内部元素)，它应该忽略外部填充，但它必须是 100% 宽。每页周围都有一个 容器，内边距为 10 像素。

因此负边距将导致低于 100%，因为有些百分比是隐藏的溢出。

margin-left: -10px /* 10px is the padding of the outer element */

有没有办法在不移动内部元素的情况下忽略外部填充？
好吧，移除外部的填充物是可能的，但实际上要为此付出很多努力。

Answer 1

啊，我可以自己解决。可能不是最好的解决方案，但它对我有用。没关系。

.inner {
    width: calc(100% + 10px);
    margin-left: -10px;
}