我有一个 div,其中有 2 个 div,display: inline-block
因为它们的高度不同,我vertical-align: top
用来使它们与顶部边框而不是底部对齐。
在现代浏览器中它可以正常工作,但在 IE7 中,内部 div 被推到页面宽度之外,有什么想法吗?
更新: http: //jsfiddle.net/DE46Z/
我需要将所有元素对齐到顶部,在 IE7 中,垂直对齐顶部不起作用
我有一个 div,其中有 2 个 div,display: inline-block
因为它们的高度不同,我vertical-align: top
用来使它们与顶部边框而不是底部对齐。
在现代浏览器中它可以正常工作,但在 IE7 中,内部 div 被推到页面宽度之外,有什么想法吗?
更新: http: //jsfiddle.net/DE46Z/
我需要将所有元素对齐到顶部,在 IE7 中,垂直对齐顶部不起作用
IE7看不懂inline-block
。
将此添加到您的CSS:
.myclass {
zoom: 1; // will trigger 'hasLayout'
*display: inline; // the '*' will target IE7 only
}
查看有关该主题的这篇文章,它非常完整