2012-01-19 18 views
7

me gustaría poner estas propiedades para un div:Overflow-y: auto y overflow-x: visible al mismo tiempo?

.content { 
position: relative; 
overflow-y : auto; 
overflow-x: visible; 
} 

Según this page, si se especifica como 'visible' y el otro es 'scroll' o 'auto', luego 'visibles' está establecer en 'auto'. Por lo tanto, parece ser imposible utilizar simultáneamente un overflow-y: auto y un overflow-x: visible.

Sin embargo, necesito poner estas propiedades para un sitio web, ¿hay alguna manera de hacerlo?

Vanessa encontró la respuesta por su cuenta. Aquí está:

Bien, solucioné el problema :) Si alguien tiene este tipo de problemas: no se olvide de eliminar la posición relativa del elemento principal (este que tiene la propiedad de desbordamiento): el div absolutive se colocará de acuerdo con el div principal que tenga la posición relativa. Si no, se colocará de acuerdo al cuerpo! - Vanessa Jan 19 '12 a 5:38

+1

¿Qué estás tratando de lograr? Parece que el sitio que está enlazando abarca prácticamente todas las combinaciones. – kba

+0

... sí, me parece que el desbordamiento: el auto debería funcionar para usted; en el caso donde el ancho del elemento es mayor que el contenido, ¿por qué quieres que una barra de desplazamiento sea visible? ¿Puedes delinear más el problema? –

+0

Estoy tratando de cumplir el código CSS que publiqué en mi pregunta. Tengo .content div de 500 * 500 píxeles, y necesito tener un overflow-y dentro, y .player div que está dentro del .content div, pero necesito .player para mostrar en un margen-izquierdo de -200 píxeles con .content div y posicionado como un elemento absoluto. Problema: si pongo "overflow-y: auto" en .content (para permitir a los visitantes desplazarse hacia abajo en el .content div), el .player div no se muestra, está oculto (por razones enunciadas en el enlace que compartí). Tenga en cuenta que el div .player debe estar absolutamente dentro del div .content para el bucle. Razones de PHP ... – Vanessa

Respuesta

0

Vanessa https://stackoverflow.com/users/1151236/vanessa dice "Bien, solucioné el problema :) Si alguien tiene este tipo de problemas: no olvide eliminar la posición relativa del elemento padre (esto que tienen la propiedad de desbordamiento): el div absoluto se colocará de acuerdo con el div principal que tenga la posición relativa. De lo contrario, se colocará de acuerdo con el cuerpo! "

Cuestiones relacionadas