Php 浏览器提供与div无关的高度

我写的是一个由较小的瓷砖组成的大图像（7386x5186px）。共有25行25列的瓷砖。每一行都是一个

div.tileRow

，所有分幅都是

div.tile

s

大多数瓷砖的高度为208px，但在Chrome中，瓷砖的高度为212px，在FF中为213px。最后一行的瓷砖高194px，这就是为什么我不想给

.tileRow

一个固定的高度。我尝试了Inspect Element工具，但它没有说明高度来自何处

<div id="mapContents">
    <?php 
    for ($i = 1; $i < 26; $i++) {
        echo "<div class='tileRow'>";
        for ($j = 1; $j < 26; $j++) {
            $imagedir = $basedir . "kaart/tiles/kaart_" . $i . "_" . $j . ".png";
            $imagesize = getimagesize($imagedir);
            echo "<div class='tile' style=\"background-image: url('". $imagedir . "'); width: ".$imagesize[0]."px; height: ".$imagesize[1]."px;\"></div>";
            //echo "<div id='tile_".$i."_".$j."' class='mapTile'></div>";
        }
        echo "</div>";
    }
    ?>
</div>

.tileRow {
    margin: 0;
    padding: 0;
}

.tile {
    display: inline-block;
    margin: 0;
    padding: 0;
}

请参阅：检查其他属性：是否设置了线条高度或类似设置？查看F12的“计算”选项卡中的值。听起来好像在ems或类似的计算中有一些东西在不同的浏览器中四舍五入不同。。。。或者看看迪奥德斯上面的评论；）尝试浮动div，而不是将其显示为内联块将
.tileRow
字体大小设置为0px成功了，谢谢，Diodeus！