css - 边距：当屏幕尺寸缩小时，自动仍然会在右侧折叠

Question

我正在构建一个响应式登录页面，其中所有内容都有 % 宽度。当我添加 margin:0 auto 时，我的主 div 完全居中（应该如此），但是当我水平缩小浏览器大小时，我总是会丢失右边距或填充，无论它是否设置了 % 。右边的填充在较小的屏幕尺寸下被切断这是一个屏幕截图，展示了右边的填充被切断。

无论屏幕尺寸如何，如何强制始终遵守边距或填充？

==== 更新 ====

我很抱歉在这个问题中使用了“响应式”这个词。实际上，我确实在不同的浏览器大小下进行了媒体查询以实现自适应行为，但我的问题比这更简单。在任何媒体查询开始之前，当浏览器缩小时，右边距会消失。我的包含元素中的某些东西一定会影响页面的流动性。我似乎无法弄清楚这是什么。任何帮助表示赞赏。

这是代码的链接

Answer 1

我认为这将基于您现在拥有的代码：

.am-body {
    background: url("../img/body-bg.png") repeat-x left top #ededed;/*is being overwritten*/
    text-align: center;
    position: relative;
    margin: 0 auto;
}