Question

请帮我解决一下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内，有很多div width: 960px;。我在这里写负边距因为我需要在background-color: #fff;的两边都有一个空格（#wrapper）。一切都很好，直到我将浏览器窗口调整为960px - 主要问题是右边距不会因窗口边框消失，它不会像左边距一样隐藏。

我正在尝试overflow: hidden，但它无济于事。

感谢您的建议

Answer 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右边负边距

1 个答案: