высота div на 100%, но есть место сверху и/или внизу все еще

Question

Я пытаюсь сделать боковую панель навигации, которая имеет position: fixed и height: 100%, но когда я пробую это, всегда есть место, где вы можете видеть фон ниже и/или выше div. И, кстати, я также попытался сделать height как 1000px, но у меня все еще такая же проблема.

HTML:

<div id='navbar'></div> 

CSS:

#navbar { 
    background-color:black; 
    width:100px; 
    height:100%; 
    z-index:99; 
    position:fixed; 
    left:-10px; 
    bottom:10px; 
} 

JSFiddle

Answer 1

Я предполагаю, что вы устанавливаете bottom: 10px в нажмите на #navbar на верхнюю часть, где у вас было расстояние между ними, в первую очередь, что приводит к тому же расстоянию в нижней части. Вы можете заставить свой элемент растягиваться от начала/конца его родительской высоты, применяя top: 0; bottom: 0; (вы должны удалить bottom: 10px;) в элемент #navbar.

P.S. top: 0 является излишним, однако я поставил его, чтобы продемонстрировать концепцию.

JSFiddle

Answer 2

https://jsfiddle.net/7oxyvab5/2/

Navbar имеет дно 10px множества в CSS.

#navbar { 
background-color:black; 
width:100px; 
height:100%; 
z-index:99; 
position:fixed; 
left:-10px; 
bottom:0px; 
}