2009-11-04 23 views
32

El spec dice que se supone que siempre se muestra una barra de desplazamiento horizontal si se establece overflow-x: scroll.Ocultar barra de desplazamiento en pre si no es necesario

En mi página web suelo mostrar el código menudo en <pre> -Block. Como esto no tiene un ancho predefinido, pero el div circundante tiene un máximo (definido como porcentaje), parece que no puedo entender cómo lograr lo siguiente: En caso de que un bloque de código no sea demasiado ancho, oculte la barra de desplazamiento horizontal . Si supera el ancho, muestre una barra de desplazamiento. ¿Algún consejo? Creo que he probado la mayoría de las combinaciones de overflow-x y -y, pero ninguno parece hacer lo que quiero.

+0

Uh, ya está usando 'overflow: auto' en su sitio y funciona. ¿Porque la pregunta? –

+0

Ok, tal vez sea un problema con mi navegador: pero tanto en FF 3.0 como en FF 3.5 veo esto. – data

+0

Nadie más está viendo el problema. ¿Tal vez estás conectado y, como tal, obtienes un conjunto diferente de hojas de estilo? –

Respuesta

98

Uso:

overflow-x: auto; 

auto dice al navegador que muestre sólo una barra de desplazamiento si el contenido excede el ancho de la caja.

+0

Lo sentimos, pero esto es incorrecto, al menos con FF3.5. Por favor, mira mi sitio web para ver que esto no funciona (por alguna razón). – data

+1

Su sitio web funciona para mí, y yo * estoy * usando Firefox 3.5 por lo que el problema debe ser en otro lugar. Además, estoy seguro de que este * es * correcto. ¿Has intentado volver a instalar tu navegador? –

+0

¿Realmente revisaste mi sitio web? Funciona perfectamente siempre que no se haya definido el borde inferior. Si muestro un borde inferior para el elemento pre, me da la barra de desplazamiento. Por lo general, su sugerencia sería correcta – data

Cuestiones relacionadas