保证金：当屏幕尺寸缩小时，auto仍会在右侧折叠

Question

我正在构建一个响应式登录页面，其中所有内容都有％宽度。当我添加一个余量：0 auto时，我的主div完全居中（应该是这样），但是当我水平缩小浏览器大小时，我总是丢失右边距或填充，无论它是否设置为％。 Padding on right is cut off at smaller screen size这是一个屏幕截图，展示右边的填充被切断。

无论屏幕大小如何，如何强制保证金或填充？

====更新====

我为在这个问题中使用“响应”这个词道歉。事实上，我确实有不同浏览器尺寸的媒体查询来进行自适应行为，但我的问题比这更简单。在任何媒体查询启动之前，当浏览器缩小时，右边距消失。我的包含元素中的某些东西必须抛弃页面的流动性。我似乎无法弄清楚这是什么。任何帮助表示赞赏。

Here's a link to the code

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;
}