段落在两个浮点数之间向上推的问题

Question

我一直在练习将PSD模板转换为HTML/CSS网站，但是导航栏遇到问题。

我希望徽标在左侧，导航链接在右侧。所以我把它们飘到各自的一边。然而，下面的部分不断向上推进到两个浮子的中间。

我

有一个谷歌，但我无法确定我是否需要清除我的浮标或它们是否已经崩溃。我也尝试过overflow: hidden属性，但它似乎没有改变任何东西。如果有人能提供一些启示，我将不胜感激。

这是我的 HTML/CSS：https://jsfiddle.net/pL5gncu1/

非常感谢，一个

Answer 1

只是放置

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

在 <nav></nav> 和 <section></section> 之间，它将保留下面的部分。