Неліктен осы CSS навальнасы жоғарғы жағында емес?

Мында navbar коды:

#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>

Бұл толығымен үстіңгі жағында болуы керек емес, себебі толтыру нөлге тең бола ма? Мен webdesign-ге жаңа ... Барлық көмек өте бағаланды.

0
сіз дененің маржасын қалпына келтірдіңіз бе?
қосылды автор G-Cyr, көзі
сіз дененің маржасын қалпына келтірдіңіз бе?
қосылды автор G-Cyr, көзі
body {margin: 0;} мен бұл сұраққа жауап бердіңіз, өйткені сіз бұл туралы ештеңе білмегенсің :)
қосылды автор G-Cyr, көзі
body {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, көзі
@Aslet барлық CSS және HTML-мен бірге Fiddle жасау - jsfiddle.net
қосылды автор Nick R, көзі
@Aslet барлық CSS және HTML-мен бірге Fiddle жасау - jsfiddle.net
қосылды автор Nick R, көзі
@Aslet jsfiddle.net/W5uDr - бірге * селектор толық қалпына келтіруді қалаймын CSS - meyerweb.com/eric/tools/css/reset), жақсы жұмыс істейді және беттің жоғарғы жағында орналасқан.
қосылды автор Nick R, көзі
@Aslet jsfiddle.net/W5uDr - бірге * селектор толық қалпына келтіруді қалаймын 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 messing бар.

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, көзі