Откуда отступ html?

Question

[50VAJJ]

Привет.

<div class="wrapper" id="scroll">
        <div class="header">
            <div class="class">
                <p>Что-то</p>
            </div>
            <div class="place">
                <p>Что-то</p>
            </div>
        </div>

.wrapper{
    position: fixed;

    width: 100%;
    height: 100%;
}
.header{
    position: relative;
    top: 0px;

    width: 960px;
    height: 110px;
    margin: 0px auto;
}

Проблема в том, что header без причины отступает сверху -
Почему так?
P.S. position: fixed; во wrapper нельзя менять, т.к. кастомный скролл не работает тогда.

Answer 1

[Astrohas]

Уберите верхний маргин у

<div class="class">
                <p>Что-то</p>
            </div>

или же добавьте верхний паддниг хотяби на 1пиксель для header
Об отстпах и их схлопованиях

Comments

[50VAJJ]

Уберите верхний маргин у

Его нет.

.class p{
    color: #FFFFFF;

    font-size: 40px;
    line-height: 0px;
}

или же добавьте верхний паддниг хотяби на 1пиксель для header

а вот это сработало. Но почему 0px не работает? А 1px работает?

[Astrohas]

50VAJJ: у p есть заводские отступы

Answer 2

[Дмитрий Еремин]

у body какие свойства? padding не выставлен?

Comments

[50VAJJ]

html, body {
min-width: 1115px;
margin: 0;
padding: 0;

background-color: #96b0e4;

font-family: 'Roboto', sans-serif;
}

Answer 3

[Ростислав Сергеевич]

У вас используется тег p. У этого элемента по умолчанию отступ со всех сторон. Пропишите для всех параграфов:

p {
margin: 0;
}

+ Обнулите отступы у body таким же образом