css - 如何扩展表格高度（或宽度）以便在不同位置显示边框

Question

我有一个表，其高度取决于从查询中拉回的行数。我想让表格有一个底部边框，在最后一行数据下方的一些像素处可见。

我尝试在表格底部添加边距或填充，以使底部边框线更低。这是我现在拥有的：

#shots_table{
    position: absolute;
    top: 100px;
    left: 780px;
    width: 200px;
    height: auto;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    margin-bottom: 100px;
    padding-bottom: 100px;
}

输出的样子：

如何将上方的线推低？

Answer 1

您可以尝试增加padding-bottom最后一行的单元格：

#shots_table tr:last-child>td {padding-bottom:20px}