Позиционирование DIV с фиксированным дисплеем и положением ⇐ CSS

[Anonymous]

Итак, я пытаюсь выяснить следующую проблему: Учитывая верхнюю панель навигации с установленной позицией, есть ли способ, которым следующий раздел не будет частично скрыт на NAVBAR (из-за фиксированной позиции) с помощью «Display: Flex» и «Align-Items: Center»? Я знаю, как это исправить, установив накладку, равной высоте навигации на раздел, но я видел, что она также может быть исправлена ​​более элегантным образом, используя дисплей: Flex и Align-Items: Center и я хотел бы знать, есть ли кто-нибудь, кто знает, как это сделать. Я прикрепляю кодез для данной ситуации. Проблема исправлена ​​с краем. Можете ли вы дать альтернативное решение этой проблемы с помощью Display: Flex?

• Home
  About
• Contact

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa lectus, semper et diam et, finibus mattis orci. Aliquam volutpat dui ac quam sagittis, sed volutpat velit sollicitudin. Nullam at consectetur erat. Proin quis est pretium, volutpat tellus sit amet, lacinia ex. Nam vel massa sed dolor tincidunt imperdiet non quis lorem. Ut efficitur luctus vestibulum. Phasellus nec blandit turpis. Sed viverra quam vitae gravida tincidunt. Praesent interdum iaculis dolor, ac cursus quam semper sit amet. Ut sapien magna, vulputate at erat quis, congue fermentum tortor. Etiam neque ex, pellentesque at venenatis ac, sollicitudin ut quam.




body {
width:100%; margin:0; padding:0;

}

#main {
width:100%;
height:auto;
margin:0;
padding:0;"
}

#navbar{
display:block;
margin:0;
padding:0;
position:fixed !important;
height:60px;
background-color:grey;
width:100%;
top:0;
}

.container {
display:flex !important;
height:100%;
align-items: center !important;
background-color:yellow;
width:100%;
height:auto;
margin-top:60px; /* HERE */

}


Подробнее здесь: https://stackoverflow.com/questions/774 ... tion-fixed