html - 如何使用 CSS 使我的表格右侧边框短于单元格高度？

Question

在网站http://www.domestika.org/foros表格的右侧边框短于每行中每个单元格的单元格高度。尝试使用检查元素，但无法弄清楚。 Div 是否在 Div 中？

Answer 1

它在带填充的 td 中使用 div。

您可以在 Firefox 上使用 Firebug，在 IE 或 Chrome 中使用 Webdeveloper 工具 (F12) 来查看它。

会是这样的:

CSS:

.pad{
    padding: 10px;
}
.border {
    border-left: solid 1px #999;
}

HTML:

<td class="pad">
    <div>content here</div>
</td>
<td class="pad">
    <div class="border">content here</div>
</td>