@mvr1976
Учу html, css, js

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

Добрый день!
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;				
	}
  • Вопрос задан
  • 2462 просмотра
Пригласить эксперта
Ответы на вопрос 2
Блок с position: fixed; позиционируется относительно окна браузера и если мы не задаем позиционированному (absolute/fixed) блоку свойства top, left, top, bottom, то его расположение остается на том же месте, как и до позициониования. А это как раз ваш случай.
У container-fluid паддинги в 15px по бокам, поэтому и кажется что смещен вправо на 15px

Короче, left: 0;

Вот codepen.io/corvus-007/pen/VvzZKz?editors=110
Ответ написан
RotarYMonkeY
@RotarYMonkeY
Изучаю HTML, CSS, JS и PHP
Попробуйте задать left: 0;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы