css - 溢出：隐藏的父 div 不扩展到浮动子级

Question

我正在制作一个巨型下拉菜单并具有这种结构

<li>
    <div class="drop_div4">  
          <div class="child">  <----floated child
          <div class="child">  <----floated child
          <div class="child">  <----floated child

问题是，根据访问权限，我将不得不隐藏任何子 div，所以我希望drop_div4能够自动扩展，但目前如果我删除它的宽度，那么所有子 div 都显示在另一个下方。

我尝试添加overflow:hidden,float:left到drop_div4 div，但它不起作用

添加min-width并希望它会增长也无济于事。

添加<div style="clear:both">为最后一个 div 也无济于事

我已经设置了一个jsfiddle，在父div上删除了宽度，所有子div都显示在彼此下方。

要查看所有子 div 可见时的外观，请取消注释.drop_div4类中的 width:550px

请提供帮助，因为我不知道为什么会这样。