[SOLUCIONADO] Quitar scroll de la ventana web

[vicman_inf]

Hola cómo están?

Escribía para comentarles que tengo una duda. Lo que pasa es que es una web que estoy construyendo, en el diseño, resulta que al darle la propiedad padding al body de mi web, me genera un scroll horizontal, que me da a entender que aumenta el ancho de la ventana.

Mi código es el siguiente:

Código CSS:

@charset "utf-8";
/* CSS Document */
 
html, body {
    margin: 0; 
    padding: 0; 
    background-color:#FFF; 
    overflow:hidden;
} 
 
 
#cabecera{
    width:100%;
    height:100px;
    background-color:#000;
    font-family:Verdana, Geneva, sans-serif;
    color:#FFF;
    border-bottom:3px solid #CCC;
    padding:15px;
    clear:both;
    /*margin:0px;*/
}
 

Lo he solucionado con: overflow:hidden;
Pero creo que no es la solución correcta, porque lo que eso hace es ocultar el scroll, y me late que el ancho sigue aumentado.

Alguien sabe otra solución, que pueda ser más lógica a mi punto de vista?

Muchas gracias.

[pzin]

Elimina el width:100% que tienes ahí.

Supongo que será un elemento de bloque, y estos por defecto ocupan el total del espacio que queda. Si indicas que cubra un 100% y además le añades un relleno, entonces, según el modelo de caja, estará ocupando un 100% + 30, y de ahí saldrá ese scroll.

Sino fuese un elemento de bloque, entonces elimina eso de todas formas y añade un display: block.

Intenta usar highlight o code para cuando publicas código.

[vicman_inf]

Muchas gracias me ha servido