CSS float Div 元素问题

Question

我已经对我的网站进行了一些编码，但我注意到我必须进行愚蠢的大调整才能使所有内容很好地组合在一起，我相信这是因为我有 2 个 float 元素，并且 float 元素正在传递到下一个元素一组 div，即使没有嵌套!

有谁知道为什么会发生这种情况以简化事情我已经让它活到现在为止我在这个例子中所做的你会注意到(如果你的显示器足够宽)文本“你有什么特殊要求吗？”在页面的一半位置有“Do”吗？

我认为问题出在 div 标签“bannerleft”和“bannerright”之后我认为 float 会继续并破坏一切？我可能是错的

这是实例 Here

Answer 1

这是因为你还没有清除 float (有问题的两个 div).. 只需添加

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

在 bannerright/bannerleft div 之后清除 float 并允许文档的其余部分尊重这些 float 元素.. 当您 float 某些内容时，您将其从“流”中取出

Read来自 MDN 的此链接可获取有关清除 float 的更多信息..

附言(有很多不同的方法可以清除 float ，一些比我提供的方法更干净的方法，我只是为了简单起见)