Почему Header выходит за границы страницы?

Question

[ValentinHabr]

Есть header с фиксированным позиционированием и с шириной 100% без каких либо отступов и он вылезает за границы документа. В инспекторе виден отступ 15px position.

Что это за отступ такой, откуда он взялся, как его убрать? По структуре header стоит сразу после открывающего тега body.

Знаю, что проблему можно решить через overflow-x: hidden но данный вариант не подходит, так как при использование этого свойства отваливается js функции которые обрабатывают скролл

CSS

body {
    position: relative;
    height: 100%;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    padding: 0px;
/*	overflow-x: hidden;*/
    min-width: 600px;
}

.header_scroll {
    background-color: rgba(255, 255, 255, 0.97);
}

.header {
    position: fixed;
    top: 0;
    margin: 0px;
    height: 90px;
    width: 100%;
    z-index: 10;
    transition: all 0.3s;
}

Comments

[yadscreech]

Добавьте и html код пожалуйста.

Answer 1

[asferot]

Лучше не писать писать 0px. Просто 0. Правило хорошего тона)

Answer 2

[Narts]

right: 0px ?

Answer 3

[Юпитер Макс]

ищите еще в стилях, откуда берется пятнашка справа. и у хедера еще пропишите left:0;

Answer 4

[ValentinHabr]

Вопрос решен. Дело было в Slick slider, который вылазил за границы, но не отображался в инспекторе.

Answer 5

[Kappy]

position : absolute;
left : 0 px;

position : relative;
right : 15px;