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

Question

我正在构建一个响应式登录页面，其中所有内容都有 % 宽度。当我添加 margin: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;
}