如何在overflow:hidden的容器内，生成一个可以超出容器范围的下拉菜单？

DOM结构如下

<style type="text/css">
    .overflow{
        overflow: hidden;
        height: 5px;
    }
    ul{
        height: 300px;
        z-index: 2px;
    }
</style>
<div class="overflow">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
</div>

这里，我给父容器使用overflow的目的，是为了清理浮动。我的本质还是希望ul可以完全展示出来