Hallo, ich habe zwei HTML Dateien, die auf die gleiche CSS-Datei zugreifen, bei der index.html geht der Sticky Header aber in der anderen HTML Datei nicht. Warum? Ich kann es mir nicht erklären.
CSS Code
Code
.navbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem;
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 1020;
transition: all 0.25s ease-in;
}HTML Code
Code
<nav class="navbar navbar-dark bg-dark navbar navbar-expand-lg main-nav">
<div class="container">
<div class="collapse navbar-collapse">
<ul class="navbar navbar-nav mr-auto">
<li class="navbar-item"><a class="navbar-link" href="">Home</a></li>
</ul>
</div>
</div>
</nav>Ich kann es mir nicht erklären.
PS: Beide HTML & CSS Code Schnipsel sind identisch.