溢出div中的一个列表,其溢出:隐藏

jQu*_*ast 6 css list overflow

我有一个div,div的高度为200px.在div内部有文本,我不希望div有滚动条,因此我设置溢出:隐藏.

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

这是一个溢出主div的例子:hidden:

在此输入图像描述

这是一个没有溢出的例子:隐藏.所以我想要以下但文字没有溢出.

在此输入图像描述

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

ptr*_*iek 1

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

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

  • 这个问题中的所有 jsfiddles 都已死,答案应该修改。 (3认同)
  • 很好的答案。您可以将“p”中的高度更改为“height:inherit”以对其进行更多封装。这需要您将列表更改为“position:absolute”:http://jsfiddle.net/w8kQA/5/ (2认同)