2016-11-21 1 views
0

Я пытаюсь добавить верхнее меню для этого сайта, но он просто добавляет «поля» для topmenu.Как удалить «margin» на html navbar?

enter image description here

body { 
 
    background-color: #2E3058; 
 
    font-family: 'sans-sefir'; 
 
} 
 
#topMenu { 
 
    width: 100%; 
 
    height: 50px; 
 
    margin: 0; 
 
    padding: 0; 
 
    border-bottom: 1px solid #ccc; 
 
    background-color: #3A3D70; 
 
}
<div id="topMenu"> 
 
    <button class="topMenuBtn">Home</button> 
 
    <button class="topMenuBtn">Forum</button> 
 
    <button class="topMenuBtn">About</button> 
 
</div>

+0

Удалить topMenu: высота – Nosyara

+0

Можете ли вы добавить изображение своего ожидаемого результата? –

+0

Вы хотите сказать, что тело добавит эти поля? – jeepingviini

ответ

0

body { 
 
    background-color: #2E3058; 
 
    font-family: 'sans-sefir'; 
 
} 
 
#topMenu { 
 
    width: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
    border-bottom: 1px solid #ccc; 
 
    background-color: #3A3D70; 
 
}
<div id="topMenu"> 
 
    <button class="topMenuBtn">Home</button> 
 
    <button class="topMenuBtn">Forum</button> 
 
    <button class="topMenuBtn">About</button> 
 
</div>

удалить часть высоты из файла CSS

+0

Я не думаю, что это помогло, и я уже получил помощь в комментариях, используя 'html, body {margin: 0; padding: 0} 'работал. – jeepingviini

+0

Спасибо вам. – jeepingviini