如何在IE8中将2个div放在一起

Question

我有两个div，我想把它们展示在一起。在普通的浏览器中，没问题。然而，在IE中，事情搞砸了：

红色方块指出了我正在谈论的div。 left div具有类“head_narrow”，图像具有id“branche_header_image”。 我的CSS看起来像这样：

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

我确信两个div的宽度小于包装器的宽度。发生了什么事？

Answer 1

你可以通过在容器div中将它们显示为内联块来更优雅地解决它。但是如果你绝对必须使用花车，那么在你的两个花车的上方和下方放置div，风格=“clear：both;”。

Answer 2

在此id中添加“width”#branche_header_image {width：400px;浮动：右;}

或使用

display:inline;

两个div的

而不是使用float。