html网格没有正确的样式

Question

我有一个基本的网格，我试图使用简单的<div>标签，但问题是行的底部有额外的空间。为了更好地解释我的问题，请参阅此fiddle。

当列工作完全正常时，有谁知道为什么行底部会有额外的空间？还有一点建议：高度是4.5555555，因为边框是一个像素厚，底行没有边框。

提前致谢。

Answer 1

而不是使用pixles，你可以使用百分比，正如Huangism小数点所指出的那样会被截断：

.row{
    height: 5.555555%;
}