html - 将溢出设置为隐藏的父项中的 div 下拉

Question

我得到了父 div 的以下内容:

#parent {
  overflow: hidden;
}

下面是内部 div，它是一个下拉 div。单击显示时，父 div 下方的下拉菜单部分不显示(仅显示一半)。

#dropDown {

display: none;
  position: absolute;
}

这是我的 HTML 代码:

<div id='parent'>


<ul>
    <li id="exportWrapper">
        <button onclick="return false" id="triggerDropDown">trigger </button>
       <div id="dropDown">
         <span  class="one"> link one</span><br>
         <span  class="two"> link two</span>
       </div>
    </li>
</ul>
</div>

Answer 1

我没有看到任何调用 #dropDown CSS 的内容。我将 div#exportDivContent 更改为 div#dropDown，它隐藏了两个 .这是你想做的吗？

<ul> <li id="exportWrapper"> <button onclick="return false" id="triggerDropDown">trigger </button> <div id="dropDown"> <span class="one"> link one</span><br> <span class="two"> link two</span> </div> </li> </ul>