下拉列表显示在div之外

时间:2014-05-05 05:35:07

标签: css

我在div中有一个主要的水平菜单。我希望下拉菜单显示在div下方。现在它只是在下拉列表可见时扩展div。如何将下拉列表移到div之外?

2 个答案:

答案 0 :(得分:4)

尝试使用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;
}

答案 1 :(得分:1)

问题中没有提供很多信息......

如果我理解您的问题,请检查以下内容

  1. 尝试使用Z-index来查看这是否有助于渲染问题。
  2. 另一个是将溢出设置为可见(您可能正在进入隐藏溢出的div)
  3. 在我看来,我建议将代码投入到未来的问题中:D祝您好运!