Html 内部div变得比外部div大，并且超出了浏览器边框，右侧填充无效

我有两个div父div为100%宽度，内部为75rem， 因此，如果增加浏览器宽度，文本将保持在中间。 比如这里：或者（导航栏）

现在我想减少浏览器的宽度，并给两个div一个100%的宽度，但内部应该有一个间隙之间的外部打开。左侧不是问题所在， 相反，这是正确的一面。当我减小浏览器宽度时，div变宽，底部的滚动条弹出

HTML:

CSS：（最大宽度：80rem）

在媒体询问之后，应该是这样的：

灰色：外分区 黄色：内部

有一些打字错误：

高度：自动，

应为：

高度：自动

显然，最后一个.inner缺少
}

但对于手头的问题，尝试添加
框大小：边框框至
。内部
。这应该是填充的原因

<div class="outer">
 <div class="inner">
 </div>

.outer {width: 100%; height: auto, position: relative;}
.inner {width: 75rem; height:300px; position: relative; margin: 0 auto;}

.inner {width: 100%; padding-right: 40px; padding-left: 40px;