我有一个div,该div的高度为200px。在div里面有文本,我不希望div有滚动条,所以我设置了overflow:hidden。在溢出的div内溢出:hidden
现在,在该div内还有一个列表,作为下拉框。当你点击列表/下拉框时,我希望它出现在主要div的顶部。
这里与主DIV溢出的例子:隐藏:
这是没有溢出的例子:隐藏。所以我想要以下但文本不溢出。
的jsfiddle:http://jsfiddle.net/w8kQA/
我有一个div,该div的高度为200px。在div里面有文本,我不希望div有滚动条,所以我设置了overflow:hidden。在溢出的div内溢出:hidden
现在,在该div内还有一个列表,作为下拉框。当你点击列表/下拉框时,我希望它出现在主要div的顶部。
这里与主DIV溢出的例子:隐藏:
这是没有溢出的例子:隐藏。所以我想要以下但文本不溢出。
的jsfiddle:http://jsfiddle.net/w8kQA/
您可以设置溢出:隐藏在盒子里面的元素上,而不是在盒子本身:
很好的答案。你可以在'p'中将height更改为'height:inherit'来封装它。这将需要你改变列表为'位置:绝对'虽然:http://jsfiddle.net/w8kQA/5/ –
在上面的评论,你提到你在div中有20个盒子。
如果是这种情况,那么我会将#box
和.list
包装在holder
div之内。这样你就可以实现你的布局,并在div中仍然有多个框。
的jsfiddle:http://jsfiddle.net/w8kQA/2/
我更喜欢你的回答ptriek的评论,所以 – jQuerybeast
没问题:)我首选他的答案我的,所以我只是增加了一点小改进 –
你也可以减少你的列表的最大高度以适应股利。 http://jsfiddle.net/etienne_carre/w8kQA/4/
你可以这样说:http://jsfiddle.net/w8kQA/7/
+1很好的问题,我碰到这之前,从来没有挖出深足找出来。总是做了一些工作(比如绝对位置等); – Jakub
它已经定位绝对...... – jQuerybeast
在这个盒子里面使用下拉列表很重要吗?你如何看待绝对位置的下拉菜单,而不是在这个盒子里面? – tildy