我有一个导航栏和一个内容。
默认情况下，它们如下所示。
内容与导航栏重叠。
所以我在content元素中添加了margin-top。下面是我的代码。
.navbar {
font-family: 'Rubik', sans-serif;
width: 100%;
position: fixed;
overflow: auto; /* also tried 'hidden' */
}
.content {
border: 2px red solid;
margin-top: 100px;
}通过上面的代码，我在导航栏上方有100 px的空间。通过使用浏览器DevTool查看元素，100 px的空间甚至不包括在<body>中。
我看到过一些类似的问题，解决方案是将overflow: auto添加到父元素中，但它对我不起作用。公平地说，我甚至不知道为什么内容会与navbar重叠，因为它们在不同的<div>元素中。我使用Django，以防万一这是相关的。谢谢！
1条答案
按热度按时间n8ghc7c11#
原来问题出在navbar中的
position: fixed。移除后可以正常工作。