如何在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

回答