如何在IE8中浮动2个div的彼此相邻

我有两个div，我想让它们彼此相邻。在普通的浏览器中，这没有问题。然而，在IE，事情搞砸：如何在IE8中浮动2个div的彼此相邻

enter image description here

的红色方块指出div的我说的。左边的div有“head_narrow”类，图像的ID为“branche_header_image”。我的CSS是这样的：

.head_narrow {width:380px; float:left;} 
#branche_header_image {float:right;}

我敢肯定的是，两个div的宽度一起比包装的宽度。这是怎么回事？

尝试在图像CSS中添加'width'？ –

它不起作用，因为'DIV'比容器宽，所以它将溢出下降到下一行。让他们更小，IE浏览器，他们会漂浮。 –

@暗影精灵：是的，这并没有帮助。 @Kyle未定义：不幸的是，情况并非如此。 –

在此ID中添加“宽度”#branche_header_image {width：400px;浮动：权利;}

或者使用

display:inline;

两个div的，而不是使用浮动。

2011-06-22 12:17:42

我尝试了两种方法，但不幸的是没有工作效果。 –

hmmm ..没问题点击此链接进行演示：http://jsfiddle.net/rathoreahsan/AsyMH/ ---- –

你可以通过在容器div中显示它们作为内联块来更好地解决它。但是，如果你绝对必须使用浮动，请在style =“clear：both;”的两个浮动元素上方和下方放置div。

2011-06-22 12:12:07

回答