'Is possible to use a html block element to prevent a vue component visually invade another?

I'm developing a one page site in Vue with Vuetify. I'm trying to put the vue components inside , an html block element, so when a component expands don´t visually "invade" another, but I could not make work...

The component still enter in another component space. Any ideas? Please...

    <v-main>
  <div>
    <Intro id="Intro"/>
  </div>
  <div>
    <QFazemos id="QFazemos"/>
  </div>
  <div>
    <Clientes id="Clientes"/>
  </div>
  <div>
    <Pacotes v-if="$vuetify.breakpoint.mdAndUp" id="Pacotes"/>
    <Pacotes_xs v-else id="Pacotes_xs"/>
  </div>
  <div>
    <OAndamos id="Andamos" />
  </div>
  <div>
    <Contato id="Contato" @enviarDados="receberDados"/>
  </div>
  <Footer/>
</v-main>
cssvuetify.js


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions