Содержимое скрывается под нижней панелью навигации в HTML [закрыто] ⇐ CSS

[Anonymous]

У меня есть нижняя навигация, и если содержимое заполнит страницу, некоторые из них скроются под панелью навигации.
Вот код

Код: Выделить всё

*{
box-sizing: border-box;
padding: 0;
margin: 0;
background-color: white;
}
li, a, button{
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 16px;
font-weight: 500;
color: black;
text-decoration: none;
}
header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 10%;
/* background-color: white; */
}
.logo{
cursor: pointer;
}
nav{
background-color: white;
}
.nav__links{
list-style: none;
}
.nav__links li{
display: inline-block;
padding: 0px 20px;
}
.nav__links li a{
transition: all 0.3s ease 0s;
}
.nav__links li a:hover{
color: white;
}
button{
padding: 9px 25px;
background-color: rgba(0, 136, 169, 1);
border: none;
border-radius: 50px;
cursor: pointer;
transition: all 0.3s ease 0s;
}
button:hover{
background-color: rgba(0, 136, 169, 0.6);
}
.nav_position {
position: fixed;
bottom: 0;
width: 100%;
}

Код: Выделить всё

[i]Ut lobortis, lacus eget euismod malesuada, lorem risus hendrerit elit, eget placerat lacus sem ac dolor. Praesent rutrum ipsum nunc, et imperdiet purus hendrerit eleifend. Aenean semper felis vitae turpis tincidunt iaculis. Pellentesque nec urna euismod, semper tortor ac, suscipit tellus. Quisque urna lectus, aliquet vitae laoreet non, iaculis et enim. Vestibulum quis commodo leo. In hac habitasse platea dictumst. Nulla vestibulum dui et commodo blandit. Duis lacinia vitae lectus non pulvinar. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus rutrum efficitur massa. Nullam risus lorem, semper semper odio at, venenatis tincidunt eros. Pellentesque eu est quam.
Integer dictum justo ac viverra facilisis. Donec eu elit eget enim dictum iaculis eget ac libero. In posuere quam sit amet velit tristique finibus. Maecenas molestie ipsum ut leo vestibulum volutpat. Donec scelerisque, arcu quis vehicula tristique, tellus nisl aliquam lectus, non tincidunt sapien nisl non ex. Phasellus eget orci erat. Donec vel eros lobortis, porta arcu rhoncus, dignissim turpis. Proin mollis tortor elit, ut dignissim augue facilisis eget. Vestibulum convallis, diam vel fermentum tincidunt, eros libero pulvinar nisi, ac maximus arcu ante vitae lectus. Pellentesque odio arcu, aliquam eu tortor nec, elementum pellentesque velit. Praesent rhoncus consequat tincidunt. Ut interdum dui ac augue pulvinar egestas non ut dolor.
Nunc feugiat libero id ligula ultrices pellentesque. Cras laoreet id elit ac viverra. Integer tincidunt auctor maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas nec velit in tortor scelerisque sagittis. Proin sollicitudin sed mi id mollis.
Nullam a ipsum eu risus scelerisque efficitur. Etiam eu ex lectus. Morbi nec erat id neque tempus vulputate. Phasellus lacinia nunc ut dolor fermentum, ac malesuada nisi facilisis. Vestibulum aliquet luctus nisl, a dictum lacus commodo eu. Aliquam ut pharetra nisl. Aenean sodales ligula et ante feugiat molestie. Vivamus facilisis felis eget condimentum tincidunt. Ut sapien ante, ultrices ut venenatis sed, scelerisque vel erat.
Maecenas quis finibus justo, finibus fringilla lectus. Sed non porta lectus. Aliquam leo nisl, dignissim sit amet blandit iaculis, porttitor a erat. Morbi tempor iaculis massa, at gravida nisi luctus in. Pellentesque auctor quis turpis vel sollicitudin. Curabitur tristique et ligula sed volutpat. Quisque eu tortor tortor. Duis condimentum nibh a lacus mattis, vel rutrum turpis finibus. Maecenas malesuada, felis eget eleifend mattis, neque lorem fringilla felis, et eleifend felis odio vitae orci. Integer in posuere ligula.
Suspendisse auctor egestas massa, in placerat ante rhoncus ut. Phasellus faucibus sapien eu nunc viverra, a vulputate elit aliquet. Cras sagittis quis odio sit amet porttitor. Quisque venenatis ornare justo, ut dapibus massa consectetur nec. Etiam ultrices tristique elit eu luctus. Sed maximus imperdiet iaculis. Fusce nisi mauris, egestas sit amet dui euismod, tristique fermentum felis. Etiam ut ultricies lectus.
In maximus purus vitae pharetra sollicitudin. Phasellus finibus urna pretium felis dictum, sed ullamcorper est ultricies. In feugiat, turpis id rutrum mollis, lorem justo dictum enim, quis mattis orci lorem non turpis.  Sed vel sem pharetra, aliquet ligula pellentesque, gravida sem. Integer vestibulum lorem metus, at tincidunt elit luctus nec. Sed leo nulla, volutpat non ligula in, molestie efficitur purus. Mauris id lectus accumsan, auctor neque ut, luctus quam. Nulla facilisi. Nunc et ligula vel nisl lobortis feugiat ut et neque.
Donec scelerisque mauris mattis, sagittis quam ac, pellentesque ante. Nam imperdiet vestibulum ultrices. Donec rutrum odio ut turpis sollicitudin, id dapibus dui sodales. Nulla ut tempor metus, nec euismod ante. Quisque laoreet libero lectus, at mollis orci sagittis sit amet. Vestibulum condimentum nisi ut nulla lobortis, in rhoncus mauris sodales. Sed congue viverra ligula, quis vestibulum leo. Mauris dignissim ultrices nisi id pharetra.
Cras blandit aliquet dui, vel blandit leo gravida quis. Nam pellentesque lobortis sem lobortis lobortis. Donec diam diam, ultrices et ex eget, mollis bibendum enim. Maecenas finibus neque sed lacinia faucibus. Aliquam auctor ligula ut mi vulputate hendrerit. Sed rhoncus fermentum porta. Suspendisse at metus elit. Praesent molestie erat nec consectetur vehicula. Phasellus venenatis mauris ante, nec semper est molestie sed. Duis tristique metus libero, id posuere arcu feugiat nec. Mauris eros erat, condimentum id mattis at, gravida vitae dui. Vestibulum nec nunc ullamcorper, aliquet nisi sit amet, lobortis erat. Morbi vel turpis egestas, condimentum ex in, molestie velit.
Sed sit amet nisl at metus mollis vehicula. Vivamus dignissim sollicitudin metus a suscipit. In odio augue, malesuada ac augue eget, tristique ullamcorper risus. Quisque luctus est sit amet erat faucibus, nec cursus erat fermentum. Sed ut ligula pharetra felis semper maximus ac non metus. In mauris dui, ultricies ut congue et, gravida sit amet augue. Suspendisse euismod eros massa, sit amet sollicitudin ipsum consectetur ac. Quisque felis tortor, congue vitae suscipit ut, facilisis in lorem. Proin vel magna elit. Ut convallis enim in sem fringilla vehicula. Donec urna enim, dictum non viverra sed, sagittis hendrerit sem. Praesent rhoncus aliquet suscipit.
Vestibulum tortor nisl, sodales ut justo quis, varius viverra ligula. Integer varius vulputate leo vitae ultrices. Pellentesque ac imperdiet libero. Nam sed risus pretium, malesuada enim ut, lacinia enim. Aenean in ante vel erat molestie porta id non ipsum. Pellentesque eu fermentum tellus. Aenean eu iaculis ipsum. Nam scelerisque id lacus sit amet cursus. Praesent condimentum libero elit, sed elementum arcu iaculis molestie. Nulla sed justo et leo bibendum cursus. Donec vestibulum placerat pretium. Integer scelerisque, elit consectetur finibus consequat, nibh enim sollicitudin augue, in hendrerit felis ligula non erat.
Nulla vitae sapien lorem. Proin aliquet ex at quam interdum tincidunt. Nullam at eleifend est, sed pretium massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer et justo blandit, placerat enim in, ullamcorper erat. Aenean nunc eros, pulvinar et dictum id, hendrerit nec ex. Fusce sem purus, convallis at nisl tristique, condimentum hendrerit quam. Vestibulum commodo sem et lorem consectetur, ac pretium augue varius. Aenean quis venenatis sem. Maecenas suscipit dapibus libero non pellentesque. Integer ac mattis quam. Suspendisse potenti. Nulla molestie venenatis mi, eu aliquet massa semper non. Donec fringilla erat dictum nisl iaculis, id fringilla neque gravida. Mauris non orci consectetur, interdum nisi et, ultrices mi. Vivamus vitae elit eget orci pretium semper eget et lorem.
Cras non efficitur leo. Curabitur mattis varius commodo. Aliquam eu cursus massa. Aliquam gravida tortor ante, eu vehicula sapien condimentum a. Suspendisse eu dui et magna lacinia suscipit quis ac ante. Donec id convallis leo, non auctor mi. Ut ac pharetra ante.
Cras lacinia a est vitae vehicula. Sed fermentum ultricies accumsan. Mauris feugiat vulputate urna in aliquet. Quisque lobortis, erat non accumsan eleifend, nisi felis mattis ex, nec iaculis diam sapien ut mi. Proin aliquam non nisi eget congue. Donec congue diam sit amet eros dapibus, sed posuere ligula fermentum. Donec sed neque suscipit, euismod purus vitae, iaculis augue.
Proin vestibulum eleifend lacus eu bibendum. Proin fringilla tellus odio, non iaculis nulla consectetur a. Donec non tellus ac diam faucibus sagittis. Suspendisse pharetra, lacus at sodales efficitur, enim est convallis massa, non ultrices arcu quam vitae mi. Etiam ut laoreet purus. Nam lectus libero, posuere quis vehicula vitae, faucibus rutrum velit. Maecenas ultrices elementum neque, non accumsan tortor viverra eget. Maecenas lacinia efficitur erat sed euismod. In libero nibh, porttitor eu tellus et, facilisis lobortis enim. Aliquam erat volutpat. Ut eu est ante. Curabitur eget pretium diam. Maecenas pharetra purus est, imperdiet finibus dui maximus eget. Nullam in sollicitudin neque.  Maecenas scelerisque, tellus nec gravida malesuada, nibh sem finibus lorem, in consequat odio lacus id lectus. Curabitur tincidunt rutrum ligula laoreet pharetra.[/i]


[list]
[*][url=#]MENU[/url]
[/list]

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

Подробнее здесь: https://stackoverflow.com/questions/786 ... av-in-html