Div浮左有Div浮動權奇怪的影響

Question

我正在爲一個頁面的CSS工作，我無法理解浮動的左div的情況以及它對圖像所產生的影響。

http://www3.nottinghamshire.gov.uk/enjoying/countryside/countryparks/sherwood/schoolvisitsherwoodforest/

如果你看一下代碼，你會看到頁面上的圖像（導遊聊到孩子）頁面上的第一個段落後直接出現。然而它總是與第三個（最後一個）div一起浮出水平。

這種行爲似乎只發生在現代瀏覽器IE8，IE9，FF，Chrome等IE6和IE7似乎以你期望的方式處理它。

我一直在用CSS工作了很多年，並且非常有信心，我可以解決大多數CSS問題，但我一直在尋找這個爲期2天的工作，但我無法弄清楚發生了什麼。希望有些SO專家能夠發現我的錯誤並指引我朝着正確的方向發展。

HTML主要來自我們正在使用的CMS，我通常不會在很大程度上嵌套我的元素。

Answer 1

從Visual formatting model說明書中，

浮標。在浮動模型中，首先根據正常流動佈置一個箱子，然後從流動中取出並儘可能向左或向右移動。內容可能沿着浮動的一側流動。

這意味着當你浮動div時，它不會出現任何更多的「頂部」，那麼它會有浮動。如果沒有深入瞭解您的具體情況，您是否嘗試重新安排您的div的順序，以便導遊圖像自然發生在您希望和期望的垂直位置？