2015-02-10 46 views
0

我正面临一个奇怪的问题。我有一个像下面这样的div。滚动条未显示在Chrome中的下拉列表中

<div class="dropdown3 dropdown-style" style="overflow-y:scroll"> 
    <ul class="dropdown-list"> 
    <li>1k</li> 
    <li>5k</li> 
    <li>10k</li> 
    <li>25k</li>  
    <li>35k</li>        
    </ul> 
</div> 

我的CSS是这样的:

.dropdown3 { 
    position: absolute; 
    top: 30px; 
    background: #fff; 
    left: -15px; 
    z-index: 1; 
    display: none; 
    height:85px; 
    max-height:85px; 
    overflow:scroll; 
    border: 1px solid #ccc; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;  
}  

虽然在Firefox工作,由于某种原因,它不是在铬工作! Chrome会自动放置style =“overflow:hidden;”而我明确提到它在div中滚动。

+0

'过低:滚动;'岂不是:'溢出:滚动;' – 2015-02-10 11:25:09

+0

对不起错字打字的问题。不,它不起作用。 – user3001408 2015-02-10 11:26:11

+0

如何用'display:none;'查看元素? – 2015-02-10 11:27:45

回答

1

尝试overflow:scroll !important;

+0

做人!无论如何,这是重要的事! – user3001408 2015-02-10 11:54:31

+0

允许css覆盖所有其他方法来改变风格,也许这有助于解释:) http://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css – 2015-02-10 12:17:03