我有一个固定的导航栏：
.navbar
{
display: inline-block;
background-color: #2327fc;
list-style-type: none;
margin: 0px;
padding: 0px;
z-index:1;
width: 100%;
position:fixed;
}
我希望 div 位于导航栏下方。有没有办法在不猜测所需保证金的情况下做到这一点。
<!DOCTYPE html>
<html>
<body>
<article>
<div>
<ul class ='navbar'>
.... nav bar content
</ul>
</div>
<div>
...below content
</div>
..closing tags
当前下面 div 中的内容从 html 页面顶部显示，并且导航栏覆盖了部分内容。
我希望内容位于导航栏下方。 （但也是固定的 - 我知道将其固定会使其脱离流程，但有解决方法吗？）
谢谢
使用
position: sticky; top: 0;