1

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たが、それは役に立ちません。

あなたの提案をありがとう

4

1 に答える 1

0

これを試して。この行をコピーして貼り付け<head>ます。これにより、ユーザーが設定に合った画面解像度を持っている場合にのみ、cssファイルが読み込まれます。

<link rel="stylesheet" type="text/css" href="css/q900.css" media="only screen and (min-width : 640px) and (max-width: 999px)" />
于 2012-06-19T14:19:02.603 に答える