溢出導致懸停菜單顯示和切割無法正常顯示

-1

.main{ 
    width: 500px; 
    margin: 0px auto; 
    overflow-x: scroll; 
    background: #ccc; 
    min-height: 500px; 
    position: relative; 
} 

.inner{ 
    position: absolute; 
    top: -20px; 
    width: 50px; 
    height: 50px; 
    background: blueviolet; 
    left: 200px; 
    display: none; 
} 

.menu{ 
    color: #000; 
    text-decoration: none; 
    font-size: 14px; 
    padding:0px 0 0 10px; 
} 

.main .menu:hover >.inner{display: block !important;}

HTML：

<div class="main"> 
    <a href="#" class="menu">Menu <div class="inner"></div> </a> 
</div>

幫助我，如果任何人都可以...

請找fiddle

來源

2014-02-12 kashinath Chormale

–

解釋什麼是您的要求properlly – ankur140290

也覺得你的問題小提琴：http://jsfiddle.net/kTKG5/ – ankur140290

我有疑問，爲什麼你把CSS頂部：-20px; 如果你改變噸運算：0;可見正確

來源

2014-02-12 11:21:59

我想顯示主div 50％外側和50％內側的div ... –

如果在未來身高增加，它應該顯示...你是否有任何想法... –

找到更新的小提琴http://jsfiddle.net/kTKG5/1/ –

溢出導致懸停菜單顯示和切割無法正常顯示

回答

相關問題