水平滚动超出父级宽度

Question

我在水平滚动方面遇到问题，当幻灯片换行宽度小于父级宽度时，则位于 q 页面内，但是当我将宽度设置为 100% 时，它比父级宽。如何调整菜单的宽度以在父宽度内水平滚动而不设置硬编码的 widt 值？

<template>
  <q-layout>
    <q-page-container class="column col row" style="background-color: rgb(217,225,238);">
      <q-page>
        <div class="col row column">
          <div class="slide">
            <menu-bar class=""></menu-bar>
          </div>
        </div>
      </q-page>
    </q-page-container>
  </q-layout>
</template>

<style lang="scss" scoped>
.slide-wrap {
  width: 350px;
  overflow-x: scroll;
}

.slide {
  width: 900px;
}

</style>

Answer 1

宽度：100vw 解决问题，该值与父宽度匹配