html - 为什么顶部和中间切片之间有间隙

我有这两页

http://slacklog.heroku.com/
http://slacklog.heroku.com/signup/date

你可以在上面和中间，底部和中间的图片上看到一个缺口。。。。
这是我的html

<div class="content" align="center">
<div class="slacklog_log"></div>
<div class="main_column_section">
    <div class="wide_box_top"></div>
    <div class="wide_box_body" id="main_content_body">
        <div id="white">
            <div class="wide_box_top_white"></div>
            <div class="wide_box_body_white">
            <!-- unique per page -->
            <!-- stuff -->
            </div>
            <div class="wide_box_bottom_white"></div>
        </div>
    </div>
    <div class="wide_box_bottom"></div>
</div>
</div><!--content-->

如果有什么我可以给你帮助你帮我…顺便说一下，我找了填充物或边距，我根本没有看到它在火虫…提前谢谢

最佳答案

我通过应用以下样式成功地修复了它：

#white {
  width: 650px;
  margin: 0 auto;
}

.wide_box_top_white {
  background: url("/images/white_top.png") no-repeat scroll 0 0 transparent;
  height: 9px;
  float: left;
  width: 650px;
  display: block;
}

.wide_box_body_white {
  background: url("/images/white_middle.png") repeat-y scroll 0 0 transparent;
  float: left;
  width: 650px;
  display: block;
}

.wide_box_bottom_white {
  background: url("/images/white_bottom.png") no-repeat scroll 0 0 transparent;
  height: 10px;
  float: left;
  display: block;
  width: 650px;
}

请注意，你不需要所有这些额外的风格，但他们不会伤害它。我主要添加了float:left、width:650px和display:block到“white div…”中的类中。。。。
你还可以做很多事情来改善总体结构。例如，我真的不建议像你在.wide_box_body_white类中那样使用图像来影响白色背景，最好去掉.wide_box_bottom_white和.wide_box_top_white类，只给.wide_box_body_white一个边界半径。。。。

关于html - 为什么顶部和中间切片之间有间隙，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6935121/