IE7浮動和清除不按預期工作

看看這個JSFiddle。我試圖讓這個浮動佈局在IE7中工作。適用於其他一切。這兩種浮動權利應該彼此相鄰。但是在IE7中它會混亂起來。IE7浮動和清除不按預期工作

修復的任何想法？感謝您的幫助。

*更新小提琴

http://jsfiddle.net/c9Wmx/5/ < - 這個工作，但有沒有辦法做到這一點不使用空div？

2012-03-14 banjo

Serendipitious ......我想現在解決相同問題。肯定會分享我找到的任何解決方案。 – 2012-03-14 04:32:52

嘗試清除：正確，而不是兩者？我實際上並沒有IE7，但我覺得它可能會修復它。 – DanRedux 2012-03-14 04:34:25

@DanRedux嘗試過。沒有運氣。你有IE9嗎？你可以改變瀏覽器模式爲IE7 :) – banjo 2012-03-14 04:36:54

你可以給你的寬度.page DIV。像這樣：

.page{ 
    width:480px; 
    float:right; 
}

2012-03-14 04:42:57 sandeep

請參閱下面:) ********* – banjo 2012-03-14 05:07:21

如果它只發生在IE中，你可以嘗試把下面的代碼放在head html標籤中。

<meta http-equiv="X-UA-Compatible" content="IE=7" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

2012-03-14 04:43:19 icomrade

具體而言，IE7無法按預期工作。強制後來的IE版本渲染IE7會使問題變得更糟，而不是更好。 – 2012-03-14 05:13:23

看到這個更新小提琴：http://jsfiddle.net/c9Wmx/6/

2012-03-14 04:50:56 w3uiguru

這工作，但問題是最左邊的divs包含文本和寬度更改。因此，文字較少的任何內容都會跳轉到上面的行。 – banjo 2012-03-14 05:06:35

我沒有得到你想要達到的目標，你可以使用文本的例子小提琴/屏幕截圖，所以我可以讓我的想法實現。 – w3uiguru 2012-03-14 05:16:56

回答