Css 如何扩展表格高度（或宽度），使边框显示在不同的位置

我有一个表，它的高度由从查询中提取的行数决定。我希望表格有一个底部边框，在最后一行数据下面的一些像素处可见

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

#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;
}

输出是什么样子的：

---

如何将行推到上方下方？

您可以尝试增加最后一行单元格上的

填充底部

：

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

---

您可以尝试增加最后一行单元格上的

填充底部

：

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

---

你对哪个浏览器有问题，因为所讨论的代码在Chrome中运行良好。正如预期的那样，

填充将底部边框向下推。您对哪个浏览器有问题，因为所讨论的代码在Chrome中工作正常。如预期的那样，
padding
正在向下推动底部边框。