Странное дополнительное пространство в теле

На этой тестовой странице элемент имеет странное дополнительное пространство в верхней части:

http://dl.dropbox.com/u/3085200/canvasTest/index.html

Я попробовал поместить margin, padding, top all в 0 для тела и отложить до 0 для html, но ничто из этого не помогло.

html
{
    padding:0px;
}
body
{
    margin:0px;
    padding:0px;
    top:0px;
}

Ответ 1

Попробуйте это в CSS:

h1 {
    margin-top: 0;
}

Это распространенный сценарий (изображение логотипа в теге h1):

Ответ 2

Я полагаю, что это на самом деле вызвано пометкой вашего элемента h1.

Ответ 3

Моя консоль показывает верхнее поле 0.67em на <h1>, окружающем ваш верхний элемент.

Попробуйте это...

h1 {
    margin: 0;
}

Ответ 4

У вас <h1> добавлен по умолчанию крайний верх, поэтому он нажимает <body> вниз в верхней части окна.

body > h1:first-child { margin-top: 0; }

Ответ 5

Ну, я уверен, что эксперты будут смеяться над этим. Я начал использовать Expression Web 4 и попытался разместить информацию заголовка для моих страниц в файл header.txt для включения на каждую страницу. Я изменил тип файла с html на shtml и использовал эту строку:

Все в порядке, кроме лишнего лишнего места в верхней части файла.

Решением было следующее:

Инструменты > Параметры редактора страниц > Авторизация

Снимите флажок .txt в разделе "Добавить знак байтового заказа при создании или переименовании документов UTF-8 с этими расширениями файлов".

Я надеюсь, что это поможет кому-то еще наивному, как я.

Ответ 6

Вы можете попытаться нанести дисплей flex на свое тело, в моем случае это сработало

Надеюсь, это поможет кому-то :)

Ответ 7

Я узнаю это место наверху. Это часто случается со мной тоже. В моем случае есть скрытый разрыв (<br/>) где-то между <head> и <body>. Когда вы найдете этот разрыв и удалите его, верхнее пространство будет исправлено!

Ответ 8

  html > h1:first-child { margin-top: 0; }

Ответ 9

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

Каждое найденное мной решение, по-видимому, было результатом ошибки, но у меня не было никаких ошибок, которые могли бы увидеть. После более чем часа решения проблем и выделения одного из моих прошлых проектов я нашел это решение:

В CSS для DIV, который вы хотите подключить к верхней части браузера, добавьте эту одну простую строку:

#ContentContainer{

border: 1px solid transparent;

};

Я не совсем уверен, почему это работает или почему это необходимо, но это заставило пропасть исчезнуть.