html - 在任何浏览器上呈现时出现“Ghost”14px，不知道为什么

Question

我有一个 css 表，看起来与我喜欢的完全一样，但是最后一行的高度不是 200px，而是 214px，但我不知道这是从哪里来的。使用的所有图像的高度均为 200 像素，并且 css 也在使用该数字。

这就是它的样子，代码是这样的：

CSS：

.table{display: table;width:800px;margin: 0 auto;}

.table img{border: none;}

.row{display: table-row;}

.col{display: table-column;}

.cell{display: table-cell;}

#kioskos{background-image: url('../img/thumbnails/kioskosnet.jpg');display:block;width: 250px;height: 200px;}
#kioskos:hover{background: url('../img/hovers/kioskos_h.png');}

HTML：

<div class="row">
                           <div class="cell"><a id="kioskos" class="fancybox" rel="group" data-title="'Kioskos.net' Company's main website design. First
approach to web design." href="assets/img/fotos_grandes/kioskosnet1.jpg"></a></div>
                       </div>

Answer 1

能否请您张贴原始网站的网址？

根据您提供的信息，我可以看出图像可能垂直“居中”，因为“额外”像素来自表格的顶部和底部。

Answer 2

这是因为您 在最后一个单元格中有一个，即位于图像下方。删除或使用

.cell {
     display: table-cell;
     vertical-align: top;
}