0

背景色が白のコンテンツボックスを作成しようとしています。どちらも画像であるヘッダーdivとフッターdivの間にあります。2つのdivに揃えることができず、空白なしで、どちらか一方だけにすることができません。

これはCSSです：

#content {
    background-color:#ffffff;
    width:1024px; 
    margin: 0 auto; 
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    padding: 0;
    display: inline-block;
}

コンテンツボックスをページの残りの部分に揃え、空白を含まないようにするにはどうすればよいですか？

現時点ではこんな感じですが、HELLOボックスとその上下の画像の間のスペースをなくしたいと思います。

現時点ではこんな感じですが、HELLOボックスとその上下の画像の間のスペースをなくしたいと思います。

4

2 に答える 2

2

それは私にはきれいな解決策とは思えませんが、ここに行きます：

#content { 
margin-top: -15px; margin-bottom: -15px; 
}

実際、-15px で十分かどうかはわかりません。独自の値を試してみてください。

于 2012-07-03T21:14:23.290 に答える
1

それは素晴らしい解決策ではありませんが、与えられた情報で私が思いつくことができるのはそれだけです。

CSS

#content {
    background-color:#ffffff;
    width:1024px; 
    margin: 0 auto; 
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    padding: 0;
    display: inline-block;

    position:relative;
}

#topWhiteFix, #botWhiteFix {
    position:absolute;
    left:0px;
    height:12px;
    width:100%;
    background:#FFFFFF;
}

#topWhiteFix {
    top:-12px;
}

#botWhiteFix {
    bottom:-12px;
}

HTML

<div id="content">
     <div id="topWhiteFix"></div>
     <div id="botWhiteFix"></div>

     HELLO
</div>

（未テスト）

于 2012-07-03T21:04:36.567 に答える