2015-02-10 73 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