【问题标题】:Gap between table and div表格和div之间的差距
【发布时间】:2011-10-14 16:46:36
【问题描述】:

我在 td 中有 3 个浮动 div。 Divs 相互接触没有间隙就好了,但是在 table 或 td 周围有一个间隙(看起来像一个 1px 边框)。我试过了:

margin:0
padding:0
border: 0 
cellspacing: 0 
cellpadding: 0
border-collapse:collapse

这是我的小提琴: http://jsfiddle.net/tcHKB/5/ 我对其进行了更改以尝试突出问题。您看不到顶部间隙,但您可以看到“左”框右侧和“右”框左侧的白色间隙

【问题讨论】:

  • 请发帖sscce,以便我们了解我们正在处理的内容。
  • ... 最好是 jsfiddle

标签: html css-tables


【解决方案1】:

DIV 的width 属性与单元格的宽度不匹配。

相关CSS:

.MCmiddle{
    width: 732px;
}
#main_content_box{
   width: 730px;
}

#main_content_box 的宽度更改为732px.MCmiddle 的宽度更改为730px

小提琴:http://jsfiddle.net/tcHKB/7/

【讨论】:

  • 抱歉,您看错了间隙。更新了 jsfiddle 使其更易于查看。它是左侧红色和红色与右侧红色和浅蓝色之间的 1px 间隙。 jsfiddle.net/tcHKB/5
  • 我知道我错过了一些简单的东西。谢谢!