Переполнение списка внутри div, переполнение которого: скрыто

Question

У меня есть div, и у этого div есть высота 200px.Внутри div есть текст, и я не хочу, чтобы у div были полосы прокрутки, поэтому я установил переполнение: hidden.

Теперь внутри этого div также есть список, действующий как выпадающий список.Когда вы нажимаете на список / выпадающий список, я хочу, чтобы он вошел в ТОП основного div.

Вот пример с основным div для переполнения: hidden:

И это пример без переполнения: скрытый.Поэтому я хочу следующее, но текст не переполняется.

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

Answer 1

Вы можете установить переполнение: скрытое на элементе внутри поля, а не на самом поле:

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

Answer 2

В комментариях выше вы упоминаете, что у вас есть 20 полей внутри div.

Если это так, то я бы обернул #box и .list внутри holder div. Таким образом, вы можете достичь своего макета и при этом иметь несколько блоков в div.

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

Answer 3

Вы можете сделать это так: http://jsfiddle.net/w8kQA/7/

Answer 4

Вы также можете уменьшить максимальную высоту вашего списка, чтобы поместиться в div.http://jsfiddle.net/etienne_carre/w8kQA/4/