CSS 表格格式不正确答案

【问题标题】：CSS Table Formatting ImproperlyCSS 表格格式不正确
【发布时间】：2013-05-16 12:31:51
【问题描述】：

我在使用 Gumby 框架格式化 CSS 表格时遇到问题。表格的第一行“抓取”它上面的内容。

我怀疑我有一些未关闭的标签，但我肯定找不到它。

这是我认为相关的 css：

<div class="six columns" center-text>
<div id='Tips' >
<h4>Tips for Tops</h4>
                OMITTING TWO PARAGRAPHS OF TEXT
<br><br>                
</div>
<div class="twelve columns center-text"><br><h2>Top Ten Individual Winners at All Clubs This Year<br> <a href="ajax.php?scores/resultIndex"> See All Club Results</a></h2><br>

</div>

<div id="response">

<div class="CSS_Table_Example"  style="width:100%">
<table style="margin: auto;">
<tr>
<td>
etc.

表格的第一行在包含“前十名...”的两侧放置了一个边框

您可以在草稿页面上查看该问题：

http://billhogsett.com/Whist/ajax.php?scores/index

右侧列有 50% 的时间包含表格，因此您可能需要重新加载几次才能看到问题。

我希望这些信息足以让某人解决我的困境。

【问题讨论】：

如果您怀疑您有一些未关闭的标签，首先要做的是通过 HTML 验证器运行您的源代码。 Here you go。顺便说一句，你确实有一些结构性错误。
谢谢，我检查了格式检查器并解决了发现的问题。

标签： css frameworks css-tables

【解决方案1】：

从 div 中删除背景或设置宽度，使其不会消失。并为 CSS_Table_Example 类设置边框：无以摆脱周围的边框。希望这能回答你的问题。

顺便说一句。不要使用<br> 来放置一些空间，而是使用 margin 属性。

【讨论】：