L'option Bootstrap-Select opens sous la division

J'ai une taille de taille fixe. Supposons 50px. À l'intérieur, j'ai un menu déroulant. J'ai utilisé bootstrap select pour le faire rechercher.

<div style="height=40px;width:200%; overflow-x:scroll;" id="hugewidth"> <select id="ss"> <option>1</option> <option>1</option> <option>1</option> <option>1</option> <option>1</option> </select> <br/><br/><br/> </div> 

Maintenant, le problème est quand j'ouvre le menu déroulant, les options se hugewidth sous l' hugewidth div. Je veux que le menu déroulant s'ouvre au-dessus de ce div. Consultez le JSFiddle qui pourrait effacer le problème.

JSFiddle

Voir!! Il passe sous la barre de défilement. Quelqu'un peut-il m'aider avec ça? Je veux que l'option div. Div divise la barre de défilement. Dans la mesure du possible, est-il possible d'ajuster la hauteur du div selon la taille de l'option déroulante pendant l'ouverture et la fermeture? Les options déroulantes sont dynamiques.

• Comment utiliser le dossier statique dans django pour css et javascript?
• Scale image before toDataURL – html2canvas
• Carte Google ne remplissant pas le mode popup modal
• Comment Google atteint-il l'effet de décoloration sur la page d'accueil?
• Créer des liens actifs sur Javascript

Encore une chose. Est-il possible d'arrêter un menu déroulant pour ouvrir vers le haut? Exemple: JSFiddle

• Comment extraire les valeurs de couleur de la chaîne rgb en javascript
• Détecter le niveau de zoom du navigateur à l'aide de javascript
• Modifier le nombre de colonnes en fonction de la taille de l'écran
• Création dynamique d'un élément fixe (en-tête) dans fullpage.js
• Question de pied de page collante

 data-container="body"