Почему блок, к которому применен position: fixed уплывает вправо?

Question

[Max Rudik]

Добрый день!
Header сверстанной страницы выступает вправо на 15 пикселей относительно родительского элемента. Опытным путем установил, что если из стилей убрать position: fixed, то блок становится на место. Но мне нужен зафиксированный header!
Родительский блок - адаптивный контейнер из Бутстрап.
Подскажите пожалуйста, как убрать смещение?

.container-fluid{
		width:100%;	
	}
	header{
		background-color:#acab95;
		height:60px;
		width:100%;	
		line-height:60px;	
		font-size:28px;
		font-weight: bold;
		text-transform: uppercase;
		overflow: hidden;
		position: fixed;				
	}

Answer 1

[Денис Васильев]

Блок с position: fixed; позиционируется относительно окна браузера и если мы не задаем позиционированному (absolute/fixed) блоку свойства top, left, top, bottom, то его расположение остается на том же месте, как и до позициониования. А это как раз ваш случай.
У container-fluid паддинги в 15px по бокам, поэтому и кажется что смещен вправо на 15px

Короче, left: 0;

Вот codepen.io/corvus-007/pen/VvzZKz?editors=110

Comments

[Max Rudik]

Попробовал, теперь в firebug во вкладке макет все ок, все размеры совпадают. Но в браузере все по прежнему, хедер выступает все так же вправо(

Answer 2

[Иван Дрожжин]

Попробуйте задать left: 0;