删除页脚下的单元格间距（tfoot）

Question

我有一个问题，我无法删除页脚下的空白区域，因为我在表格中创建了整个网站（我教授的说明）并且我使用了边框折叠：单独

这是我的tfoot代码：

<tfoot>
   <tr>
     <td colspan="3" class="footer">
     <section class="levifooter">
        <h2>Sed ut perspiciatis unde</h2>
            <p>Sed ut perspiciatis unde omnis iste natus 
            error sit voluptatem rem aperiam, ab illo inventore 
            veritatis et quasi architecto beataea vitae dicta suntaa
             explicabo.Sed ut perspiciatis unde omnis iste natus error
              sit voluptatem rem aperiam, ab illo inventore veritatis 
              et quasi architecto beatae vitae dicta sunt explicabo.
              </p>
    </section>
    <section class="desnifooter">
       <h2>eaque ipsa quae</h2></a>
       <a href=#><p>accusantium doloremque</p></a><hr>
       <a href=#><p>laudantium, totam</p></a><hr>
       <a href=#><p>quae ab illo</p></a>
    </section>
 </tfoot>

CSS：

.footer {
  color:white;
  background-color:#666666;
}

.footer a {
  color:white;
}

.footer hr {
  border-color:white;
}

看起来像这样： 我一直试图去除它下面的空间很长一段时间，但我似乎无法让它工作。我尝试过使用边距，填充，甚至尝试为tfoot，td和tr创建类......没有用。

应该看起来像这样：