ओवरफ्लो के एक div के अंदर एक सूची ओवरफ़्लो: छुपा

Question

मेरे पास एक div है और उस div की 200px की ऊंचाई है। Div के अंदर पाठ है और मैं नहीं चाहता कि div में स्क्रॉलबार हों इसलिए मैंने ओवरफ़्लो सेट किया है: छुपा हुआ।

अब, उस div के अंदर एक सूची भी है, जो ड्रॉपडाउन बॉक्स के रूप में कार्य करती है। जब आप सूची/ड्रॉपडाउन बॉक्स पर क्लिक करते हैं, तो मैं इसे मुख्य div के शीर्ष पर आना चाहता हूं।

यहां मुख्य div से ऊपर जाने का साथ एक उदाहरण है: छिपा:

और यह अतिप्रवाह के बिना एक उदाहरण है: छिपा हुआ। तो मुझे निम्नलिखित चाहिए लेकिन पाठ बहती नहीं है।

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/