Aquí hay un screenshot del problema.CSS: la barra de desplazamiento para el eje y causa la barra de desplazamiento para el eje x
Básicamente, cuando la barra de desplazamiento se presenta para el eje y, la anchura del contenedor no se expande. En su lugar, solo crea una barra de desplazamiento para el eje x.
¿Cómo puedo hacer que el contenedor se expanda sin crear la barra de desplazamiento del eje x?
se puede dar a esto un intento para el elemento:
overflow-x: hidden;
overflow-y: auto;
puede utilizar scroll o auto para la overflow-y
que aquí hay una página con algunas muestras: http://www.brunildo.org/test/Overflowxy2.html
Creo que 'overflow-x: hidden;' también ocultará los datos, lo que podría no ser esperado. –
No resuelve el problema en absoluto. En cambio, el contenido está cortado sin posibilidad de desplazarse hacia la izquierda/derecha para verlo. –
Busqué una solución también.
overflow-x: visible;
overflow-y: scroll;
El código anterior no funciona, ya que el emparejamiento de visible con desplazamiento o automático establece la propiedad visible en automático. Puede leer más al respecto aquí: https://www.brunildo.org/test/Overflowxy2.html
Parece que no hay forma de CSS para obtener lo que quiere hasta donde yo sé. si alguien encuentra otra solución, ¡le agradecería saber!
Esto no responde la pregunta. Una vez que ganes cierta reputación, podrás comentar cualquier publicación. –
Pretendí agregar otra condición a la pregunta publicada en lugar de responderla. Gracias por la respuesta. – sikanderBabwani
puede dar un ejemplo de su css – MikeM
cada vez que aparece una barra de desplazamiento vertical, el contenido se empuja hacia la izquierda por el ancho de la barra de desplazamiento, por lo que si su contenido es demasiado estrecho, esto podría causar que la barra de desplazamiento horizontal aparezca también – Hristo
puede mostrar su código completo –