Боковое меню не на всю высоту - PullRequest
Новая
       15

Боковое меню не на всю высоту

0 голосов
/ 10 октября 2018

У меня проблема с моим меню, я не знаю, как это исправить.Нужно получить полную высоту экрана, но я не могу это исправить.

Вот мой CSS код. 

nav{
    background-color: #F9F9F9;
    width: 300px;
    padding: 10px;
    position: absolute;
    height: auto;
    float: left;
    box-shadow: -25px 0px 60px #00000033;
}

html body nav div#nav-inner{
    padding-top: 70px;
    margin: -10px;
}

Вот JSFiddle смоя проблема: JSFiddle

1 Ответ

0 голосов
/ 10 октября 2018

Сначала вам нужно обернуть div внутри тела: 

<body>
   <div class="wrapper"><!--added-->
       <nav>...</nav>
       <div id="container">...</div>
   </div>
</body>

С помощью CSS: 

.wrapper{
    position: relative;
    overflow: hidden;
}

Далее вам нужно изменить # контейнер div "позиция: абсолютная"до" позиция: относительная"

и наконец: 

nav{ 
    height: 100% 
}

На этом пути.Вы будете иметь относительный .wrapper с высотой содержимого вашей страницы и с полной высотой этого содержимого:)

...