不能让Div影响它以下的Div

时间:2012-04-13 03:23:23

标签: html css

我有一个菜单,给了我很多麻烦。我正在尝试做的是点击菜单链接,显示一个下拉的二级分区。然而,它的表现好像被揭示的菜单是浮动的,我似乎无法找出原因。

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

  • 注意灰色分区是如何受到影响的并且也会向下滑动。

对于持有01,02等的div和带有绿色01的div,我希望发生同样的事情。基本上菜单下面的所有内容都是如此。我发布了一段代码,只是为了了解它的功能,以便您可以实时编辑它。我没有为它创建任何后备代码,所以它只能在chrome中查看。 (对不起)它也会变得一团糟,因为我一直在试图让它正常工作。无论如何,这是我到目前为止所拥有的。

-removed -

先谢谢你的帮助,Brian。

2 个答案:

答案 0 :(得分:1)

试试这个:

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

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

答案 1 :(得分:0)

您好,您可以在css中定义一些属性,如下所示

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