html - 不能让 Div 影响它下面的 Div

Question

我有一个菜单给我带来了很多麻烦。我要做的是使菜单链接在单击时显示一个下拉二级分区。但是，它的行为好像正在显示的菜单是浮动的，我似乎无法弄清楚为什么。

这是我想要的理想设计：http: //jsfiddle.net/WeL6j/7/

• 请注意灰色分割是如何受到影响并向下滑动的。

我希望包含 01、02 等的 div 和带有绿色 01 的 div 也发生同样的事情。基本上菜单下方的所有内容。我已经发布了我的代码，只是为了让您了解它在做什么，以便您可以实时编辑它。我还没有为它创建任何后备代码，所以它只能在 chrome 中真正可见。（抱歉）它也会很乱，因为我一直在移动东西以使其正常工作。无论如何，这就是我到目前为止所拥有的。

-删除-

提前感谢您的帮助，布赖恩。

Answer 1

尝试这个：

http://jsfiddle.net/ETaqa/63/

顺便说一句，你真的应该格式化嵌套。弄清楚 div 级别令人困惑。

Answer 2

嗨，您可以像这样在 CSS 中定义一些属性

.content {
    position: relative;
    top: -7px;
    z-index: 10;
}