2012-06-05 7 views
20

estoy tratandooverflow-x: visible; no funciona con overflow-y: auto; cualquier solución?

.item{ 
    width:100px; 
    overflow-x: visible; 
    overflow-y: auto; 
} 

Pero verticales overflow: auto parece anular horizontal de

violín: http://jsfiddle.net/xcUTV/

¿Hay alguna solución para esto? incluso con un poco de javascript

+1

** Mejor demostración: ** http://jsfiddle.net/xcUTV/1/ –

+0

Por cierto, no tiene que establecer explícitamente 'overflow-x: visible' - esa es la presentación predeterminada. –

+1

'overflow-y: auto;' significa que la barra de desplazamiento vertical puede o no estar presente. Supongo que una barra de desplazamiento vertical representa un límite horizontal, por lo que los navegadores no permiten que el texto se desborde horizontalmente si puede aparecer una barra de desplazamiento vertical. Entonces, si 'overflow-y: auto;' está establecido, 'overflow-x: visible;' no se aplica. Pero eso es solo mi suposición. –

Respuesta

12

No se puede, eso está escrito en la especificación.

un vistazo aquí: https://stackoverflow.com/a/6433475/1343096

Ya que está escrito en la especificación, estoy 99% seguro de que es imposible de hacer.

+0

¿qué tal una solución javascript? –

+5

¡javascript no es mágico! Este tipo de cosas se implementan en un nivel bajo por el navegador en sí, no importa si las instrucciones provienen de css o javascript. No digo que no sea posible, solo digo que sorprendería, y sería contrario a las especificaciones. – tibo

+0

está escrito especificaciones ?? ¿Qué significa esto ...... estás diciendo que esto no es un error y vendedores hace esto intensamente –

Cuestiones relacionadas