溢出：隐藏在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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;