您好,匿名用户
随意问技术百科期待您的加入

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

0 投票

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可以完全展示出来

用户头像 提问 2013年 11月5日 @ Blitzcrank 上等兵 (358 威望)
分享到:

1个回答

0 投票

为了避免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;
}
用户头像 回复 2013年 11月5日 @ Kha'Zix 上等兵 (269 威望)
提一个问题:

相关问题

0 投票
1 回复 70 阅读
0 投票
1 回复 54 阅读
用户头像 提问 2012年 12月1日 @ Cancer 上等兵 (211 威望)
0 投票
1 回复 41 阅读
0 投票
1 回复 63 阅读
+1 投票
1 回复 51 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...