溢出：隐藏不会在Firefox上

Question

工作

#nav_bar { position: relative; height: 100%; overflow:hidden; width: 21%; }

<div id="nav_bar"> 
 
     <ul> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     <li>item</li> 
 
     </ul> 
 
    </div>

我有我的.html页面上面的结构。我想添加overflow:hidden;属性到#nav_bar。它在Chrome上效果很好，但Firefox的行为就像没有overflow: hidden属性，并在页面中添加了一个滚动条。有什么我不知道Firefox吗？

Answer 1

用户overflow

#nav_bar { 
 
    position: relative; 
 
    height: 100%; 
 
    overflow: hidden; 
 
    width: 21%; 
 
    overflow-y: hidden; 
 
    overflow-x: hidden; 
 
}

<div id="nav_bar"> 
 
    <ul> 
 
    <li>item</li> 
 
    <li>item</li> 
 
    <li>item</li> 
 
    ... ... ... 
 
    </ul> 
 
</div>