Question

IE8始终存在问题......

我尝试使用内联块将某些文本与图像的右上边缘对齐。它在FF中工作正常，但当然，在IE8中不起作用。

这是我正在做的事情的小提琴：http://jsfiddle.net/9DPv5/

我尝试过以下方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

什么都没做。

<!DOCTYPE html>

什么都没做。

<!--[if lt IE 8]>
<style type="text/css">
    li { display: inline !imporant; }
</style>   
<![endif]-->

没有解决问题，并在页面的其他地方打破了样式。

margin-right:1px

该区块已经设置了保证金，所以这个没有改变。

不确定还有什么要尝试的。我不认为CSS中的任何内容都不能与IE8一起使用。

我也发现了这些，但不确定在哪里进行测试：

.divInlineBlock
{
   display: inline-block;
   float: left;
}

和

display: inline-table;

编辑：图片似乎正确对齐，它只是不是的文字。

任何帮助表示感谢。

Answer 1

好吧，经过大量的讨论（我必须退出网站进行测试，然后重新登录，我每次都做出改动，看看它是否有效......不要问:(）我终于修好了。

我改变了：

#accordion .foobar .foo {
    display:inline-block;
    width:180px;
    height:125px;
    vertical-align:top;
    margin-right:10px;

为：

#accordion .foobar .foo {
    display:inline-block;
    float:left;
    width:180px;
    height:125px;
    vertical-align:top;
    margin-right:10px;

添加“float：left;”图像解决了这个问题。