title: How to make a fixed navbar while using flexbox?
body: <p>I want to create a fixed navbar ,I know I surely need to use position:fixed;
  But since I used display:flex before that,once I use position:fixed, the flex doesn't work.</p>
  
  <p>Any friend a good solution?</p>
  
  <pre><code>&lt;nav class="MyBlog-menu"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href=""&gt;HOME&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=""&gt;CSS&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=""&gt;Python&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=""&gt;TECH&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=""&gt;OTHER&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.MyBlog-menu{
      display: flex;
      align-items: center;
      flex:1;
      justify-content: center;
      background-color: #98eebc;
      opacity:0.7;
      filter:alpha(opacity=70);
      border-radius: 4px;
      position: relative;
   height: 40px;
  }
  .MyBlog-menu ul{
      display: flex;
      justify-content: space-between;
      flex:0.33;
      list-style: none;
  }
  .MyBlog-menu ul li {
  border-radius: 7px}
  
  .MyBlog-menu ul li a{
      text-decoration: none;
      color: #4c4c4c;
  }
  </code></pre>