0

尝试创建一个背景颜色为白色的内容框。它位于页眉 div 和页脚 div 之间，它们都是图像。我无法让它与两个 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 回答