固定头部

      
      

       
       <div>
       
       
    <header></header>
       
       
    <main></main>
       
       
</div>
      
      
      
      

       
       
1.
       
       
2.
       
       
3.
       
       
4.
      
      

      
      

       
       header {
       
       
  position:fixed;
       
       
  top: 0;
       
       
  width: 100%;
       
       
}
       
       

       
       
main {
       
       
  margin-top: 50px;
       
       
}
      
      
      
      

       
       
1.
       
       
2.
       
       
3.
       
       
4.
       
       
5.
       
       
6.
       
       
7.
       
       
8.
       
       
9.
      
      

      
      

       
       header {
       
       
  position: sticky;
       
       
  top: 0;
       
       
}
      
      
      
      

       
       
1.
       
       
2.
       
       
3.
       
       
4.