Question

我正在浏览此页面http://www.inboundio.com/plans/，现在“软件+服务”和“软件”文本下面的第一个tr中有额外的空格（见图http://i.imgur.com/DEb9ccp.png）

我认为空间来自这里，但即使在编辑/删除它之后，我也没有看到任何变化。

#table_head {
    height: 40px;
}

这似乎是一些css压倒一切的问题，有人可以告诉我错误。

Answer 1

问题：

.col2 > div和.col3 > div已修复height: 105px - 这是一回事。其他的是整个div定位top: -30px。我认为这是您的意图，但您必须注意，即使<div>被移动30px，其父级（<td>）的行为仍会像<div>一样它静止的地方。这意味着，您将在底部有额外的30px空间。

解决方案：

要解决此问题，我建议将top属性替换为margin-top，当然要删除已修复的height。我还建议保留position: relative以确保来自<td>的任何边框，背景等不会覆盖重叠<h4> }。

#table_head > td > div {
    position: relative;
    margin-top: -30px;
}

Answer 2

我检查了元素并且它有底部边距，这导致了问题

<h4 style="margin-bottom:0px">Managed</h4>

给它这样的风格

或通过css

.clo2 div h4
{
margin-bottom:0px;
}

CSS间距问题 - 不确定导致空间的原因

2 个答案:

问题：

解决方案：