如何使用CSS正确实现下拉菜单？

Question

我正在努力解决下拉菜单中的问题，即下拉菜单正确显示，但一旦延伸到包含div下方就会消失。这是我正在谈论的内容的例证：

菜单仅延伸到包含<div>的黑色的高度。这是我的框架：

<ul>
     <li><a href=''>Menu Item</a></li>
     <li><a href=''>Menu Item 2</a>
     <ul class="sub_menu">
          <li><a href=''>...</a></li>
          <li><a href=''>...</a></li>
          <li><a href=''>...</a></li>
     </ul>
</ul>

Answer 1

尝试为您的包含元素提供overflow的{​​{1}}属性。

Answer 2

您是否尝试为ul和li元素指定宽度和高度属性？