Html 阻止内联块div内容强制其他div出列。

我有一些div水平排列，div中的内容使它与其他的不一致。我如何让他们排队，而不考虑内容的数量？我打算添加溢出：隐藏如此大的内容不会破坏布局。没有涉及javascript。需要在IE9+和chrome中工作

加价

    <div class="panels">1</div>
    <div class="panels">2</div>
    <div class="panels"><img src='\images\img.png' height='64px'></div>
    <div class="panels">4</div>

我有一个

---

又一个星期六被工作偷走了（

使用

面板上的
垂直对齐：top

使用
面板上的
垂直对齐：top

使用
面板上的
垂直对齐：top

使用
面板上的
垂直对齐：top

如果你想对IE10+感兴趣，请查看以下内容：我不确定我是否理解你的意图，但是，用float:left替换display:inline block不会解决你的问题吗？谢谢，但不是真的重复。我需要IE9+和chrome。另一篇文章有多个特定的ID，这在类选择器上工作。如果你想对我感兴趣，请点击E10+检查此项：我不确定我是否理解您正在尝试的操作，但是，用float:left替换display:inline block是否解决了您的问题？谢谢，但不是真的重复。我需要IE9+和chrome。另一篇文章有多个特定ID，这在类选择器上工作。如果您想喜欢IE10+检查此项：我不确定明白你想做什么，但是，用float:left替换display:inline block不会解决你的问题吗？谢谢，但不是真的重复。我需要IE9+和chrome。另一篇文章有多个特定的ID，这在一个类选择器上工作。如果你想喜欢IE10+的话，看看这个：我不知道你想做什么，但是，用float:left替换display:inline block不会解决你的问题吗？谢谢，但不是真的重复。我需要IE9+和chrome。另一篇文章有多个特定的ID。这在类选择器上工作。Doh！当然。非常感谢。我想这就是我从编码中得到的疯狂！Doh！当然。非常感谢。我想这就是我从编码中得到的mad！Doh！当然。非常感谢。我想这就是我用mad编码得到的！Doh！当然。非常感谢。我想这就是我用mad编码得到的！
.panels {
    /*line-height:200px; */
    display: inline-block;
    width:22%;
    height: 200px;
    margin:5px;
    border: 1px solid blue;
}