CSS浮动Div元素问题

Question

我已经对我的网站进行了一些编码，但是我注意到我必须进行愚蠢的大调整以使事情很好地融合在一起，我相信它因为我有2个浮动元素并且浮动正在进行下一个即使没有嵌套!!也设置了div！

有谁知道为什么会发生这样的事情让事情变得简单我到目前为止我在这个例子中做了什么你会注意到（如果你的显示器足够宽）文本 “你有特殊要求吗？”在页面的一半左右有“Do”吗？

我认为这个问题出现在div标签“bannerleft”和“bannerright”之后，我认为漂浮物会破坏并打破一切？我错了

以下是实例Here

Answer 1

这是因为你还没有清除你的花车（有问题的两个div）..只需添加

<div style="clear: both;"></div>

在bannerright / bannerleft div之后清除浮动并允许文档的其余部分尊重那些浮动的元素..当你浮动某些东西时，你将它从“流”中取出

Read来自MDN的此链接，了解有关清除浮动的更多信息..

P.S。 （有很多不同的方法来清除浮动，比我提供的方法更简洁，我只是为了简单起见）

Answer 2

尝试：

.clearfix {
clear: both;
}

在最后一个浮动元素

上

Answer 3

Nat，这不是在firefox中发生的。尝试在身体标签上放置最大或最小宽度，可能是980px，还包括溢出：隐藏在身体标签上。