IE7中的垂直对齐问题

Question

我有一个带有2个div的div display: inline-block
由于它们的高度不一样，我使用vertical-align: top使它们与顶部边框而不是底部对齐 在现代浏览器中它工作得很好，但在IE7中，内部div被推到了超出页面宽度的范围，任何想法为什么？

更新：http://jsfiddle.net/DE46Z/
我需要将所有元素对齐到顶部，在IE7中，垂直对齐顶部不起作用

Answer 1

IE7无法理解inline-block。

将此添加到您的css：

.myclass {
    zoom: 1; // will trigger 'hasLayout'
    *display: inline;  // the '*' will target IE7 only
}

检查主题上的this article，它非常完整