CSS表格格式不正确

Question

我在使用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％的时间表，因此您可能需要重新加载几次以查看问题。

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

Answer 1

从div中删除背景或设置宽度，使其不会熄灭。并设置border：none以使CSS_Table_Example类摆脱边界。希望这是你的问题的答案。

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