溢出div中的一个列表，其溢出：隐藏

Question

我有一个div，而div的高度为200px。 div里面有文字，我不希望div有滚动条，所以我设置了溢出：隐藏。

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

这是一个溢出主div的示例：hidden：

这是一个没有溢出的例子：隐藏。所以我想要以下内容，但文字没有溢出。

jsFiddle：http://jsfiddle.net/w8kQA/

Answer 1

您可以设置溢出：隐藏在框内的元素上，而不是在框本身上：

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

Answer 2

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

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

JSFiddle：http://jsfiddle.net/w8kQA/2/

Answer 3

您还可以降低列表的最大高度以适应div。 http://jsfiddle.net/etienne_carre/w8kQA/4/

Answer 4

你可以这样做：http://jsfiddle.net/w8kQA/7/