Hola. Sobre tu pregunta me parece que podría ser algun valor que el navegador añade por defecto a los elmentos, quizá un padding (no lo creo porque eso lo estaría solucionando el box-sizing) un margin o algo por el estilo.
Sobre tu código no recomiendo para nada hacer eso ya que el selector '*' es extremadamente lento y tedioso -para el navegador-. Es muy útil si lo usas para
resetear el margin y padding que los navegadores añaden a los objetos. Ejemplo:
Código CSS:
Ver original*{
margin:0; padding:0; /* border:0; */
}
De esta manera puedes empezar con valores en cero, asi todo padding y margin que se agregue será porque tú asi lo quieras.
Un dato aparte complementando mi primer comentario: Yo
jamás utilizo el body al 100% si he de colocar texto en el, a su vez prefiero que el body sea un color de fondo y dentro de el colocar un div contenedor que estará centrado y cuyo width será definido en pixeles y toooodo lo que estará dentro de este div será con un width en %.
Dejaré de parlar y dejaré algo de código:
Código CSS:
Ver original*{margin:0;padding:0;}
body{width:100%; height:auto; background:#e0e0e0; font-size:12px;}
#contenedor{width:960px; margin:0 auto; /* el margin es para centrar */}
.columna{width:50%; height:auto; padding:20px; box-sizing:border-box; float:left;}
p{width:90%; margin:0 auto; font-size:1.2rem;}
No es necesario el box-sizing para el body pues no estoy usando padding, lo mismo para contenedor, sin embargo, para las columnas si lo necesito asi que lo defino solo para las columnas. De esta manera evito perder tiempo de carga de pagina y obtengo un sitio ordenado y fácil de redimensionar puesto que cambiar el width del contenedor cambiará el width de todo de tal manera que se ajuste perfecto.
Espero te sea de ayuda. Saudos.
