無法在上一個div上放置div/ul

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：

.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 s。這是一個糟糕的主意，這就是其中一個原因。只在需要時選擇應用overflow: hidden;。