Чому цей навігатор CSS не повністю на вершині?

Ось код на панелі навігації:

#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  }
#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li:first-child a {
    border-left: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

Як просимо, тут наведено HTML на навігаційному стовпці:

<div id="nav">
    
</div>

Чи не повинно це бути повністю на вершині, оскільки заповнення дорівнює нулю? Я є новим для веб-дизайну ... Вся допомога високо оцінена.

0
Ви скинули запас кузова?
додано Автор G-Cyr, джерело
Ви скинули запас кузова?
додано Автор G-Cyr, джерело
тіло {margin: 0;} я зробив це відповіддю, оскільки виглядає, що ви нічого не зробили про це :)
додано Автор G-Cyr, джерело
тіло {margin: 0;} я зробив це відповіддю, оскільки виглядає, що ви нічого не зробили про це :)
додано Автор G-Cyr, джерело
Якщо немає jsfiddle, codepen або де-небудь, де виявляється проблема, ви отримаєте лише відгук для скидання
додано Автор G-Cyr, джерело
Якщо немає jsfiddle, codepen або де-небудь, де виявляється проблема, ви отримаєте лише відгук для скидання
додано Автор G-Cyr, джерело
Вставте свій HTML, якщо це можливо. Полегшує тестувати :).
додано Автор Justice Cassel, джерело
Вставте свій HTML, якщо це можливо. Полегшує тестувати :).
додано Автор Justice Cassel, джерело
Перегляньте елемент в Firebug або еквівалент, і подивіться, які елементи мають пробіли. Вам може знадобитися додати таблицю стилів скидання до основного або, принаймні, включити його в верхній частині CSS - meyerweb.com/eric/tools/css/reset
додано Автор Nick R, джерело
@Asslet Створити спадку з усіма вашими CSS та HTML - jsfiddle.net
додано Автор Nick R, джерело
@Asslet Створити спадку з усіма вашими CSS та HTML - jsfiddle.net
додано Автор Nick R, джерело
@Asslet jsfiddle.net/W5uDr - скинути налаштування * selector (хоча ви " Я хочу повністю скинути CSS - meyerweb.com/eric/tools/css/reset), працює добре, і сидить прямо у верхній частині сторінки.
додано Автор Nick R, джерело
@Asslet jsfiddle.net/W5uDr - скинути налаштування * selector (хоча ви " Я хочу повністю скинути CSS - meyerweb.com/eric/tools/css/reset), працює добре, і сидить прямо у верхній частині сторінки.
додано Автор Nick R, джерело
На вершині чого? Немає вашого контексту ...
додано Автор Nick R, джерело
Перегляньте елемент в Firebug або еквівалент, і подивіться, які елементи мають пробіли. Вам може знадобитися додати таблицю стилів скидання до основного або, принаймні, включити його в верхній частині CSS - meyerweb.com/eric/tools/css/reset
додано Автор Nick R, джерело
На вершині чого? Немає вашого контексту ...
додано Автор Nick R, джерело
@GCyrillus Як це зробити?
додано Автор Aslet, джерело
@ NickR Я зробив це, і я змінював всі поля з редактором стилів Firefox, але нічого, здається, не працює ...
додано Автор Aslet, джерело
@ NickR Я зробив це, і я змінював всі поля з редактором стилів Firefox, але нічого, здається, не працює ...
додано Автор Aslet, джерело
@GCyrillus Як це зробити?
додано Автор Aslet, джерело
@ NickR Мені потрібно, щоб він був повністю у верхній частині сторінки, але між навігаційною панеллю навігації браузера та навігатором є величезний проміжок ...
додано Автор Aslet, джерело
@ NickR Мені потрібно, щоб він був повністю у верхній частині сторінки, але між навігаційною панеллю навігації браузера та навігатором є величезний проміжок ...
додано Автор Aslet, джерело

7 Відповіді

Переконайтеся, що ви зробили скидання у верхній частині таблиці стилів, щоб уникнути за умовчанням браузера браузера.

* {
margin:0;
padding:0;
}

існує ймовірність інших фрагментів скидання, які ви знайдете в Інтернеті, але це тільки допоможе.

3
додано

спробуйте скинути на поле тіла, ще раз покажіть нам тестову сторінку:

body {margin:0;} 
2
додано

якщо це

body {
margin: 0;
}

не допомагає, тоді є ще один css, який бентежить з цими.

Here is example in jsFiddle

0
додано

Переконайтеся, що ви видалите поле та подушки з тегів body і html :

html, body { margin: 0; padding: 0 }

Завжди рекомендується використовувати скидання CSS, якщо ви ще не є. Це допоможе вам це.

0
додано
Скидання не є проблемою, але спасибі.
додано Автор Aslet, джерело

Переконайтеся, що ви видалите поле та подушки з тегів body і html :

html, body { margin: 0; padding: 0 }

Завжди рекомендується використовувати скидання CSS, якщо ви ще не є. Це допоможе вам це.

0
додано
Скидання не є проблемою, але спасибі.
додано Автор Aslet, джерело

Я зрозумів це, хлопці, спасибі за вашу допомогу.

Проблема була в цьому фрагменті коду, який я не розмістив:

div.content{
        border: 1px solid #fbfbfb;
        background-color: #fff;
        max-width: 640px;
        width: 100%;
        padding: 2%;
        margin: 0px  auto;
    }

У мене маржа встановлена ​​на щось інше, ніж нуль.

0
додано
так що це був код відсутній, але все ще маржа скидання. Якщо всі відомості з самого початку, ви б мали право віддалити відповідь. Добре, ви зрозуміли це з усіма цим скиданням, відправте вам: р
додано Автор G-Cyr, джерело

Я зрозумів це, хлопці, спасибі за вашу допомогу.

Проблема була в цьому фрагменті коду, який я не розмістив:

div.content{
        border: 1px solid #fbfbfb;
        background-color: #fff;
        max-width: 640px;
        width: 100%;
        padding: 2%;
        margin: 0px  auto;
    }

У мене маржа встановлена ​​на щось інше, ніж нуль.

0
додано
так що це був код відсутній, але все ще маржа скидання. Якщо всі відомості з самого початку, ви б мали право віддалити відповідь. Добре, ви зрозуміли це з усіма цим скиданням, відправте вам: р
додано Автор G-Cyr, джерело