¿Por qué aparece una barra de desplazamiento horizontal en la página?

He probado tantas cosas en esta página

https://boycottplus.org/campaign/reclaim-our-time-say-no-time-wasting-websites

En la columna de la derecha, no puedo obtener un relleno o un margen de 10px entre ella y la columna de la izquierda sin que aparezca una barra de desplazamiento. Intenté usar un div contenedor pero todo lo que hago parece traer la barra de desplazamiento: - /

El estilo en el que me estoy enfocando

.subsection .inner {
padding-left: 10px;
}

en Firefox

preguntado el 28 de agosto de 11 a las 01:08

No veo la barra de desplazamiento horizontal. Se muestra normalmente para mí (Firefox). -

3 Respuestas

Añadir overflow:hidden para usted body estilo.

Respondido 28 ago 11, 05:08

Estas estableciendo width y padding en el mismo elemento?

Por ejemplo, si tienes:

.subsection .inner {
    width: 100%;
    padding-left: 10px;
}

entonces el ancho total del div interno será 100% + 10px, lo que resultará en una barra de desplazamiento.

Respondido 28 ago 11, 05:08

Por supuesto, esa situación solo surge porque el navegador calcula el tamaño del cuadro basándose en el cuadro de contenido. Si pones box-sizing: border-box, luego ancho: 100% en realidad significa 100% teniendo en cuenta el relleno. - Chris

Si desea eliminar la barra de desplazamiento en dirección horizontal, utilice desbordamiento-x: oculto; en ese elemento HTML en particular, manteniendo intacta la barra de desplazamiento vertical.

Respondido 10 ago 21, 09:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.