下拉不顯示正確（父div有溢出汽車）

我正在一個項目上，這個網站有靈活的價值，以適應任何決議。問題是，在我的一個div中有一個下拉菜單，但它沒有顯示正確的（被截斷），因爲父div有一個溢出auto它會截斷div之外的部分。下拉不顯示正確（父div有溢出汽車）

在div需要溢流汽車，因爲它具有邊框和填充

基本代碼

div.box{ 
    border:1px solid #ccc; 
    overflow:auto; 
    padding:10px; 
} 
.dd-btn{ 
    width:22px; 
    height:22px; 
    float:left; 
    position:relative; 
} 
.dd-btn ul{ 
    list-style:none; 
    width:100px; 
    height:200px; 
    position:absolute; 
    top:22px; 
    right:0; 
    z-index:100; 
    background:#000 
} 
.dd-btn ul li{ 
    width:100px; 
    float:left; 
} 


<div class="box"> 
    <ul> 
     <li>link</li> 
     <li>link</li> 
     <li>link</li> 
    </ul> 
</div>

該div斜面有一個浮動或寬度：由於結構的100％或高度整個網站。內容和分辨率將會改變。

這個問題有一個簡單的竅門嗎？

找到了解決辦法：

.box:after{ 
    clear:both; 
    content:" "; 
    display:block; 
    font-size:0; 
    height:0; 
    line-height:0; 
    visibility:hidden; 
    width:0; 
}

使用這個我可以擺脫溢出汽車和框將顯示正確的

來源

2011-07-09 user759235

，你可以嘗試調整它的Z -index值 –

已經嘗試過......沒有效果 – user759235

是否有必要使用overflow：auto？ –

.menu_list { 
    ... 
    overflow: visible; 
}

看到http://www.w3schools.com/cssref/pr_pos_overflow.asp

來源

2011-07-09 02:26:00 Bnjmn

嘗試過它，它不起作用 – user759235

請張貼更多的代碼...並通過在瀏覽器中使用inspect元素功能來檢查哪些css規則正在應用於菜單。這裏沒有神祕。該工具會告訴你究竟哪些CSS規則已經應用到了你感興趣的項目。 – Bnjmn

下拉不顯示正確（父div有溢出汽車）

回答

相關問題