ドロップダウンが正しく表示されない（親divがオーバーフローオートを持つ）

Question

私はプロジェクトで作業していますが、このサイトは任意の解像度に合わせて柔軟な値を持っています。問題は、私のdivの1つにドロップダウンメニューがあることですが、親divがオーバーフローautoを持っているので、正しい（カットオフになっていません）ことを示しています。それは境界及びパディング

基本的なコードを持っているので

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> 

この傾斜がfloatまたは幅有するDIV：ための構造が100％または高さをサイト全体。内容と解像度が変更されます。

この問題には簡単なトリックがありますか？解決策が見つかりました

：

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

は私がオーバーフロー自動車やボックスを取り除くことができ、これを使用すると、

Answer 1

.menu_list { 
    ... 
    overflow: visible; 
} 

は、あなたがそのZを調整してくださいすることができますhttp://www.w3schools.com/cssref/pr_pos_overflow.asp