Css & html5: почему у моего тела есть расстояние в верхней части?

Я не понимаю. У меня есть...

body, html {
    height:100%;
    margin:0;
    padding:0;
}

Однако мой браузер всегда показывает вертикальную полосу прокрутки, даже если содержимое не так высоко, как окно.

На следующем скриншоте вы можете увидеть, что это небольшое расстояние сверху, если я проверяю body. html не имеет этого интервала.

Любая идея, что может вызвать это?

enter image description here

Ответы

Ответ 1

У вас, вероятно, есть элемент с margin-top как один из первых детей body.

Прочитайте сворачивающиеся поля.

Чисто, как простой тест, установите padding: 1px на body. Если пробел исчезнет, ​​я прав.

Ответ 2

Поздно к разговору, но подумал, что это может помочь некоторым...

Если это сайт на WordPress, вероятно, WordPress добавляет:

 html { margin-top: 32px !important; }

Он делает это, чтобы освободить место для панели администратора, которая, по-видимому, почему-то не появляется.

Чтобы решить эту проблему, добавьте следующее в файл functions.php темы:

add_filter('show_admin_bar', '__return_false');

Ответ 3

попробовать

body {
margin: 0;
padding: 0;
}