如何在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可以完全展示出来
展开
收起
1
条回答
写回答
写回答
-
为了避免overflow:hidden清理浮动的方式，产生的如上文的效果，刚才搜索了一下，找到了这种方案来清理
/ For modern browsers /
.cf:before,
.cf:after {
content:"";
display:block;
}
.cf:after {
clear:both;
}
/ For IE 6/7 (trigger hasLayout) /
.cf {
zoom:1;
}2019-07-17 19:13:02赞同 展开评论 打赏
相关问答
问答排行榜
最热
最新
推荐问答
相关文章
