CSS 右负边距答案

【问题标题】：CSS right negative marginsCSS 右负边距
【发布时间】：2012-06-21 14:04:39
【问题描述】：

请帮我解决一个 css 边距的小问题。

HTML：

<body>
   <div id="wrapper">
      <div id="content"></div>
   </div>
</body>

CSS：

* { margin:0; padding:0; }
body {
    background-image: url('/images/pat_1.gif'); 
    background-repeat: repeat;
}
#wrapper {  
        background-color: #fff;
        margin: 0 auto;
        width: 960px;
}
#content {
    background-color: #fff;
    margin: 0 -50px;
}

在#content 内部有很多带有width: 960px; 的div。我在这里写的是负边距，因为我的#wrapper 的两边都需要一个空格（background-color: #fff;）。一切都很好，直到我将浏览器的窗口大小调整为 960 像素 - 主要问题是窗口边框的右负边距不会消失，它不会像左边距一样隐藏。

我已经尝试过overflow: hidden，但没有帮助。

感谢您的建议

【问题讨论】：

标签： css overflow margin

【解决方案1】：

试试这个。将此行复制粘贴到<head>。只有当用户的屏幕分辨率符合您的设置时，这才会加载一个 css 文件。

<link rel="stylesheet" type="text/css" href="css/q900.css" media="only screen and (min-width : 640px) and (max-width: 999px)" />

【讨论】：

看起来不错，谢谢你的建议，但是如果有更简单的方法来解决这个问题，而不包括另一个css文件？如果我听从你的建议，当分辨率超过 999 像素或小于 640 像素时，这个 css 文件是否会加载？
当用户的屏幕在 640px 和 999px 之间时，css 将会加载。是的，有一个简单的方法可以解决它，但我不知道你想要实现什么。