title: when i run this code on browser ,toolbar appears at the bottom how can i make it on top of browser
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>&lt;style scoped&gt;
  .toolb{
    position:absolute
    top:0px;
  }
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
    export default {
      data () {
        return {
          sideNav: false
        }
      }
    }
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;v-app&gt;
      &lt;v-navigation-drawer v-model="sideNav"&gt;
        &lt;v-list&gt;
          &lt;v-list-tile&gt;
            &lt;v-list-tile-action&gt;
              &lt;v-icon&gt;supervisor_account&lt;/v-icon&gt;
            &lt;/v-list-tile-action&gt;
            &lt;v-list-tile-content&gt;View Meetups&lt;/v-list-tile-content&gt;
          &lt;/v-list-tile&gt;
        &lt;/v-list&gt;
      &lt;/v-navigation-drawer&gt;
      &lt;v-toolbar dark class="primary toolb"&gt;
        &lt;v-toolbar-side-icon
          @click.stop="sideNav = !sideNav"
          class="hidden-sm-and-up "&gt;&lt;/v-toolbar-side-icon&gt;
        &lt;v-toolbar-title&gt;DevMeetup&lt;/v-toolbar-title&gt;
        &lt;v-spacer&gt;&lt;/v-spacer&gt;
        &lt;v-toolbar-items class="hidden-xs-only"&gt;
          &lt;v-btn flat&gt;
            &lt;v-icon left dark&gt;supervisor_account&lt;/v-icon&gt;
            View Meetups
          &lt;/v-btn&gt;
        &lt;/v-toolbar-items&gt;
      &lt;/v-toolbar&gt;
      &lt;main&gt;
  
      &lt;/main&gt;
    &lt;/v-app&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>to make toolbar on top i have to use css style ' position
  :absloute ; top:0px;' that affect my all other components because i have to use again in all components style ' position
  :absloute ; top:50px or 40 px;' and those components are not behaving like they should  so please tell how can i fix it ? without  using css style only vuetify
  .where i study vuetify ,my teacher was using as it is code and its working fine without css ??? only using vuetify in this component .
  but if i use v-content to parent of my v-container than i am getting another problem that is navigation-drawer is on top after that  toolbar is appearing</p>