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}