溢出：隐藏父div不扩展到浮动子节点

Question

我正在制作一个megadropdown菜单，并有这个结构

<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 类中的宽度：550px

请帮忙，因为我不知道为什么会发生这种情况。