vue中父组件不设置高度子组件设置高度，父组件是否完全包裹子组件（即为子组件中最高的高度）

Question

  <div class="main">

    //此处省略n个组件......

    <vue-login></vue-login>

  </div>

如上例所示的代码中 父组件main不设置高度的情况下，是否高度为子组件中最高组件的高度？
如果不是应该如何解决父组件的高度自适应？

Answer 1

main不设置padding的话就是最高子组件所撑开的高度，当然还和子组件的padding和margin有关