Div包含浮动时的导航

Question

为什么内容div会延伸到这个小提琴中包含菜单导航？ http://jsfiddle.net/kePCS/

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

我必须把它放在afaik上。这是我使用http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

的菜单中不可或缺的一部分

但我仍然不希望导航系统位于应该位于下方的内容之上。你知道任何解决方法吗？我不介意解释为什么会发生这种情况。我想，因为它们都是100％宽度，所以它们不会重叠。显然我错了。谢谢！

不会让我发布没有代码，但小提琴将更容易理解。

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

Answer 1

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

这种方式不一定是正确或错误的方式;但是，我会添加一个“清楚：两个;” #content，这将防止它流入导航。