Html 浮动时，Div包含导航

为什么content div会延伸到包含菜单导航的这个提琴中

如果我删除nav上的float属性，它不会。由于导航宽度设置为100%，所以在我检查它时，它似乎仍然是相同的大小

我必须让它漂浮起来。这是我使用的菜单不可或缺的一部分

但我仍然不希望导航坐在应该在下面的内容之上。你知道有什么解决办法吗？我也不介意解释为什么会发生这种情况。我想既然它们都是100%宽度，就不会重叠。显然我错了。谢谢

不允许我在没有代码的情况下发表文章，但是小提琴会更容易理解

#menu {
float:left;
width:100%;
}
#content{
width:100%;
background-color:#5FC0CE;
}​

---

浮动的内容将工作，但我个人不会。这是因为浮动往往是许多IE bug的来源，并且有一些更微妙的含义，可能会在以后再次咬到你

---

做这件事不一定有正确或错误的方法；但是，我想在内容中添加一个“clear:tware；”，这样可以防止内容流到导航中。

这是您想要的吗？浮动左侧内容的工作方式与第一条注释相同。我试试看。除非另一个详细说明我为什么不应该这样做的答案出现：）谢谢！清楚：两者似乎都是更好的选择。我会用那个。如果我稍后添加一个#content2，我也必须将其向左浮动，否则似乎同样的问题会再次出现。这可能只是浮动的性质，我不太习惯它们。我可能也不清楚我的问题，但这是我想要的行为。如果您想亲自尝试，请点击这里：浮动对我来说有点神秘，直到我发现这一点（我强烈建议至少浏览一下）：