Css 页边距:当屏幕缩小时,右侧仍会自动折叠

Css 页边距:当屏幕缩小时,右侧仍会自动折叠,css,responsive-design,margin,Css,Responsive Design,Margin,我正在建立一个响应性登录页面,其中所有内容都有%宽度。当我添加边距:0 auto时,我的主div完全居中(应该是这样),但是当我水平收缩浏览器大小时,我总是丢失正确的边距或填充,无论它是否设置为%。下面是一个屏幕截图,显示右侧的填充物被切断 无论屏幕大小如何,如何强制始终遵守边距或填充 ==更新==== 我很抱歉在这个问题中使用了“响应”一词。事实上,我有不同浏览器大小的媒体查询,用于自适应行为,但我的问题比这更简单。在任何媒体查询开始之前,当浏览器收缩时,右边距消失。我的包含元素中一定有什么东

我正在建立一个响应性登录页面,其中所有内容都有%宽度。当我添加边距:0 auto时,我的主div完全居中(应该是这样),但是当我水平收缩浏览器大小时,我总是丢失正确的边距或填充,无论它是否设置为%。下面是一个屏幕截图,显示右侧的填充物被切断

无论屏幕大小如何,如何强制始终遵守边距或填充

==更新====

我很抱歉在这个问题中使用了“响应”一词。事实上,我有不同浏览器大小的媒体查询,用于自适应行为,但我的问题比这更简单。在任何媒体查询开始之前,当浏览器收缩时,右边距消失。我的包含元素中一定有什么东西破坏了页面的流动性。我似乎不知道这是什么。感谢您的帮助


根据您现在掌握的代码,我认为这可以做到:

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

你认为有%是有反应的吗?您是否有@media查询来管理屏幕大小?还显示代码,以便我们可以提供帮助you@jycr753用代码更新了问题。