-1

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

如果我删除导航上的浮动属性,它不会。由于导航宽度设置为 100%,当我检查它时它似乎仍然是相同的大小。

我必须让它漂浮起来。这是我使用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;
}​
4

1 回答 1

1

浮动内容会起作用,但我个人不会。这是因为浮动往往是许多 IE 错误的根源,并且具有一些更微妙的含义,这些含义可能会在以后再次困扰您。

不一定有正确或错误的方法来做到这一点。但是,我会改为添加“clear:both;” 到#content,这将防止它渗入导航。

于 2012-12-04T16:35:48.697 回答