我正在研究一个页面的CSS，我无法理解浮动的左侧div的情况以及它对图像的影响是否正确。
如果您查看代码，您会看到页面上的图像（导游与孩子交谈）直接显示在页面上的第一段之后。然而它总是与第三个（也是最后一个）已经浮动的div一致。
这种行为似乎只发生在现代浏览器IE8，IE9，FF，Chrome等IE6和IE7似乎以你期望的方式处理它。
我已经使用CSS多年了，并且非常有信心我可以解决大多数CSS问题，但我已经看了2天了，我无法弄清楚发生了什么。这里希望有些SO专家可以发现我的错误并指出我正确的方向。
HTML主要来自我们正在使用的CMS，我通常不会在很大程度上嵌套我的元素。
答案 0 :(得分：1)
浮动。在浮动模型中，首先根据正常流动布置盒子，然后从流动中取出并尽可能向左或向右移动。内容可能会沿着浮动的一侧流动。
这意味着当你浮动一个div时，它不再出现“顶部”然后它会有浮动。如果没有深入了解您的具体情况，您是否尝试重新安排div的顺序，以便导游图像自然会出现在您希望和期望的垂直位置？