фиксации края от навигационной панели

В моем последнем проекте, я настроить стиль для этого заголовка:фиксации края от навигационной панели

<header> 
    <ul> 
    <li><a href="#" class="title">Loja</a></li> 
    </ul> 
    <ul class="right"> 
    <li><a href="#" class="user">username</a></li> 
    <li><a href="#">logout</a></li> 
    </ul> 
</header>

как:

header { 
    top: 0; 
    left: 0; 
    background-color: #333; 
    width:100%; 
} 

header:after{ 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
}

jsfiddle: https://jsfiddle.net/klebermo/ch6gtj3p/7/

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

источник

2016-06-06 Kleber Mota

вам необходимо сбросить настройки браузера по умолчанию: 'body { margin: 0; } ' – twxia

Удалить поле по умолчанию. 'body {margin: 0;}' –

Вы должны удалить по умолчанию margin и padding элемента <html> и <body>:

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

Рабочий раствор:https://jsfiddle.net/ch6gtj3p/8/

источник

2016-06-06 12:35:07

фиксации края от навигационной панели

ответ

Смежные вопросы