Question

我正在尝试设置标签菜单。我希望它向上移动，以便它刚好超过之前的div。但是，每当我向上移动它时，它都会在前一个div之下。我试过改变z-index而没有占上风。

http://www.cable-warehouse.com/?page=test&id=156781

这是上一个div：

#product {
    width: 950px;
    margin: auto;
    background: #FFFFFF;
    color: #434649;
    /* background: url(images/prod_bg.gif) repeat-x bottom; */
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}

这是我想要坐在上一个div之上的div：

.tabs {  /* div wrapper */
    margin-top:0px;
    position:relative;
    background:#FFFFFF;
    top:-30px;
    left:0;
}
.tabs ul { /* tabs */
    float:left;
    background:#fff;
    padding-top:4px;
    position:relative;
}

HTML的外观：

<div id="product">content here</div>
<div class="tabs"><ul><!-- tabs list --></ul></div>

Answer 1

您的问题是标签包含在overflow设置为hidden的元素中。实际上，您似乎已将该样式设置为适用于所有div。这是一个坏主意，这就是原因之一。仅在需要时选择性地应用overflow: hidden;。

无法将div / ul置于前一个div之上

1 个答案: