Tengo el siguiente problema: cree un menú de navegación, este tiene un ancho de 100%-1000px, la cosa es que cuando quiero poner que este menú se quede estático(position:fixed)el ancho del menú aumenta y obtiene más de 1000px, cuando le quieto el position:fixed vuelve a su estado normal, ¿por qué sucede esto?
/*MENÚ DE NAVEGACIÓN*/
.cabecera{
width: 100%;
background:aqua;
margin-bottom: 1%;
position: fixed;
top: -15px;
}
.cabecera h1{
display: inline;
margin-right: 25%;
margin-left: 12%;
color: rgba(18,54,78,1);
padding-bottom: 1%;
}
.lista{
padding-top: 0;
}
.lista li{
display: inline;
list-style: none;
}
.lista li a{
text-decoration: none;
}
.lista li:hover{
background: blue;
}
<nav class="cabecera">
<ul class="lista">
<h1>CAMILO</h1>
<li><a href="index.html#seccion_baner">Inicio|</a></li>
<li><a href="index.html#seccion_sobremi">Acerca de mí|</a></li>
<li><a href="index.html#seccion_servicios">Servicios|</a></li>
<li><a href="index.html#seccion_portafolio">Portafolio|</a></li>
<li><a href="index.html#seccion_contacto">Contacto</a></li>
</ul>
fixed
o sin él.position:fixed
ywidth: 100%
por lo que el encabezado te va a ocupar todo el espacio. No veo por ninguna parte el -1000px que comentas en el enunciado.