title: " Bottom : 0px ; " not working Nor " position : sticky ; " working
body: <p>Basically, I want to position the div class i.e the navigation bar &quot;basehead&quot; to the bottom of the parent element i.e &quot;header&quot; and make it sticky at that position so that if the webpage is scrolled, the navigation bar appears at the top at every instant.</p>
  <pre><code>    /* Parent Element */
      .header{
          height: 500px;
          background-color: #e260b1;
          position: relative;
      }
      /* Element to be stiked at bottom of parent element */
      .basehead{
          width: 100%;
          background: #333333;
          height: 60px;
          position: sticky;
          bottom: 0px;
      }
  </code></pre>