0

我在没有任何理由的情况下出现在 div 内的水平空白区域存在问题。我的意思是，我无法弄清楚它为什么会出现，它只是没有任何意义。

这是小提琴

布局应该是两列：一右一左，后一列更大。问题是在右边的 div 上，我经常看到显示的内容，所有对齐都很好地显示出来。在左边，它的内容较低，我的意思是它似乎有一个大约 5px 的 padding-top，但根本没有 padding。空白区域位于左侧表格单元格 div 内，因为即使其中包含纯文本（“Lorem ipsum”），文本显示的内容也低于右侧 div 内的内容。

HTML代码是：

<div id="main_contents_cage">
    <div id="main_contents_left">
        <table> ... some content ... </table>
    </div>

    <div id="main_contents_right">
        ... some other content ...
    </div>
</div>

CSS是：

#main_contents_cage { display: table; }
#main_contents_left, #main_contents_right { display: table-cell; }

#main_contents_left { width: 742px; }
#main_contents_right { width: 246px; border-left: 1px solid #C6C6C6; }

我在互联网和 StackOv 上搜索了有同样问题的其他人，但没有找到有同样问题的人。类似，但完全不一样！

我尝试为所有元素提供边框折叠/边框间距（每个元素一次，然后是“表格”一个，然后是“表格单元格”元素，然后是三个元素）：什么都没有。

我尝试更改表格单元格 div 的内容，但没有任何不同的结果（用其他 div 替换表格，或者只是纯文本....）。

有人有什么想法吗？

4

3 回答 3

1

我遇到了同样的问题。我也能够通过将“vertical-align:top”分配给表格单元元素来“解决”这个问题。这似乎只是 Chorme 中的一个问题。对我来说，它只是右栏（而不是像你的例子中的左栏）

于 2015-04-28T17:24:20.220 回答
0

具有“main_contents_left”类的 div 的内容具有不包含子行或孙子单元格的表格标签，这可能与它有关吗？

如果您有兴趣，这是我的jsFiddle的链接

于 2012-07-24T16:44:03.703 回答
0

好的，我想通了：我需要将“vertical-align:top”添加到“table-cell”div，以便内容显示在顶部没有空白！

我知道它可以工作，但我真的无法让它在我的网页上工作，即使没有 CSS（只是我需要的一个......）。（FF 13，铬 20）。

谢谢

于 2012-07-24T16:48:41.197 回答