css - 下拉列表显示在 div 之外

Question

我在一个 div 中有一个主水平菜单。我希望下拉菜单显示在 div 的正下方。现在它只是在下拉菜单可见时展开 div。我怎样才能使下拉列表超出 div？

Answer 1

尝试使用 div position:relative 和下拉菜单 position:absolute

HTML

<div class="drop-down-container">

<div class="drop-down">

  //Your drop-down code


</div>

</div>

CSS

.drop-down-container
{
position:relative;
}

.drop-down
{
position:absolute;
}