2011-12-08 122 views
6

我有一个div,该div的高度为200px。在div里面有文本,我不希望div有滚动条,所以我设置了overflow:hidden。在溢出的div内溢出:hidden

现在,在该div内还有一个列表,作为下拉框。当你点击列表/下拉框时,我希望它出现在主要div的顶部。

这里与主DIV溢出的例子:隐藏:

enter image description here

这是没有溢出的例子:隐藏。所以我想要以下但文本不溢出。

enter image description here

的jsfiddle:http://jsfiddle.net/w8kQA/

+2

+1很好的问题,我碰到这之前,从来没有挖出深足找出来。总是做了一些工作(比如绝对位置等); – Jakub

+0

它已经定位绝对...... – jQuerybeast

+0

在这个盒子里面使用下拉列表很重要吗?你如何看待绝对位置的下拉菜单,而不是在这个盒子里面? – tildy

回答

2

您可以设置溢出:隐藏在盒子里面的元素上,而不是在盒子本身:

http://jsfiddle.net/w8kQA/1/

+2

很好的答案。你可以在'p'中将height更改为'height:inherit'来封装它。这将需要你改变列表为'位置:绝对'虽然:http://jsfiddle.net/w8kQA/5/ –

1

在上面的评论,你提到你在div中有20个盒子。

如果是这种情况,那么我会将#box.list包装在holder div之内。这样你就可以实现你的布局,并在div中仍然有多个框。

的jsfiddle:http://jsfiddle.net/w8kQA/2/

+0

我更喜欢你的回答ptriek的评论,所以 – jQuerybeast

+0

没问题:)我首选他的答案我的,所以我只是增加了一点小改进 –