Html 额外的高度添加到div，但从何处开始？

我在一个“.thumbHolder”容器中有四个“.thumbnail”对象（234 x 176），它应该与主“.row”容器齐平

然而，在我的浏览器（Chrome 31.0.1650.57m和Firefox 25）中，“.row”高度被渲染为额外的4像素高度。“.row”的高度应为176像素，但渲染速度为181像素。CSS应该允许我不需要指定高度，对吗？我有一个动态的内容量，不希望运行jQuery.css（“高度”）更新来删除这些额外的四个像素

将字体大小：0应用于我的CSS”。行类解决了此问题。但是没有实际的浮动文本，因此解决方案感觉很粗糙。另一个解决方案是将DOCTYPE从“html”更改为

，但是。。。那么，Chrome不应该支持简单、简单、简单的html元素作为HTML5文档类型吗

我已经将“.row”背景的宽度增加了20个像素，因此，如果解决了额外的高度，我仍然可以看到粉红色的“.row”背景色，并确认高度是我希望的

我的HTML（我还尝试将所有div内联而不使用任何格式中断）：

这里有一个JSFIDLE给你：

怎么回事？这是液体施胶最简单的方法，对吗？没什么复杂的。我已经验证了我的CSS和HTML，除了缺少属性之外，它是可靠的

为任何解决方案干杯。。。我已经用这个难倒了我的同事

---

干杯

将

.thumbHolder

设置为

显示：块非
内联
。否则将隐藏溢出。
。thumbHolder
是
内联块
，因此有空间用于字符下行。将其设置为
block
并保持快乐

删除空格（包括换行符和制表符）：

更多信息：
随着时间的推移和这么多的失败，我发现JavaScript调整所有内容的大小
onLoad
和
onResize
（放在
标签上）是有史以来最跨浏览器的解决方案。只需在所有图像、表单字段和文本片段上添加ID，然后创建一个JavaScript函数，如

function resize_elements () {
  var availalbe = window.innerHeight; 
  var wanted_font_size_main = (16/512) // you have to know your window/frame height/width);
  document.getElementById('your_moms_text1').style.fontSize = wanted_font_size_main; 
}

默认情况下，
div
是
block
。无需添加
显示：块
；）这将删除右侧的背景色和粉红色溢出。将显示“设置为块”以将.thumbHolder的宽度/高度设置为0,0。除非发生了什么事，因为我再也看不到那个div了。
* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-color: #94b7d2;
}

.row {
    width:956px;
    margin: 0 auto;
    background-color: #f00fff;
}

.thumbHolder {
    display:inline-block;
    margin: 0 auto;
}

.thumbnail {
    width: 234px;
    height: 176px;
    display:inline-block;
    float:left;
}

.thumbnail img{
    width:234px;
    height:176px;
}

... </div><div... 

.thumbnail {
    width: 234px;
    height: 176px;
    display:inline-block;
    margin-right: -4px;
} 

function resize_elements () {
  var availalbe = window.innerHeight; 
  var wanted_font_size_main = (16/512) // you have to know your window/frame height/width);
  document.getElementById('your_moms_text1').style.fontSize = wanted_font_size_main; 
}