Teniendo en cuenta el siguiente código:HTML de selección desplegable de ir fuera de la pantalla
<div style="float: left;">
<select style="width: 160px;">
<option>asd flkjh asdfkljha sdlkfjhasldjkfh aslkjdfh asjdhf alksjdhl k</option>
<option>1</option>
<option>2</option>
</select>
</div>
<div style="float: right;">
<select style="width: 160px;">
<option>asd flkjh asdfkljha sdlkfjhasldjkfh aslkjdfh asjdhf alksjdhl k</option>
<option>1</option>
<option>2</option>
</select>
</div>
Al abrir la caja de selección derecha, el contenido de la lista desplegable de ir fuera de la pantalla. Además, cuando la lista sea más larga, no podrá desplazarse por la lista (solo con la rueda del mouse y el teclado, pero la barra de desplazamiento es invisible)
¿Hay una solución para esto? Por supuesto, podría establecer un ancho/ancho máximo en las opciones, pero eso cortaría el contenido del elemento de opción. ¿Alguna sugerencia?
Una captura de pantalla ayudaría. – Ham
Establezca este código localmente, y realmente no veo cuál es el problema. En Firefox y Safari, obtienes menús realmente largos ... ¿es esto lo que quieres decir con "caerse de la pantalla"? –
http://jsfiddle.net/aQYnF/ en FF4 las primeras opciones salen de la pantalla – VAShhh