Html 居中绝对刻度至大刻度

我的问题是，我有2个div，但它也应该支持1000px的最小屏幕分辨率，但在这种情况下，它会将我143px推出视口（滚动条出现）（643宽度），因为它首先位于左侧：50%，然后位于左侧：-50%。你知道我该怎么解决吗。解释起来有点苛刻，所以我附上了一张截图

<div id="outter">
 <div id="inner"></div>
</div>

---

在网页设计和开发领域，我们很快就无法跟上层出不穷的新分辨率和设备。对于许多网站来说，为每种分辨率和新设备创建一个网站版本是不可能的，或者至少是不切实际的。所以他们虚构了一个响应性很强的网页设计，这就是解决方案。做得好：）

在网页设计和开发领域，我们很快就无法跟上层出不穷的新分辨率和设备。对于许多网站来说，为每种分辨率和新设备创建一个网站版本是不可能的，或者至少是不切实际的。所以他们虚构了一个响应性很强的网页设计，这就是解决方案。做得好：）

试试：响应式网页设计哦，该死，我太蠢了-你完全正确我应该用响应式网页设计回答还是？是的，你给出了正确的提示-我完全有头脑：）试试：响应式网页设计哦，该死，我太蠢了-你完全正确我应该用响应式网页设计回答还是？是的，你给了我一个正确的暗示——我脑子里一片空白：）

#outter{
position: absolute;
height: 350px;
width: 643px;
margin: -245px auto;
left:50%;
z-index: 3;
}

#inner {
position: relative;
left: -50%;
}