ok

pages/test.vue

+<style lang="less">
+.test_layout {
+    height: 50%;
+    .bg1{
+        background:#fefefe ;
+    }
+  .fg {
+    background-color: rgba(234,45,198, 1);
+    overflow: auto;
+  }
+}
+.layout-copy {
+  text-align: center;
+  padding: 10px 0 20px;
+  color: #9ea7b4;
+}
+</style>
+<template>
+  <div class="flex fd test_layout">
+    <div>
+      <Menu mode="horizontal" active-name="1">
+        <div class="layout-assistant">
+          <MenuItem name="1">Option 1</MenuItem>
+          <MenuItem name="2">Option 2</MenuItem>
+          <MenuItem name="3">Option 3</MenuItem>
+        </div>
+      </Menu>
+    </div>
+    <div class="fg">
+        <h4 v-for="i in 200">
+            {{i}}内容部分
+        </h4>
+        </div>
+        <div>
+            这是一个问题
+        </div>
+  </div>
+</template>
+<script>
+export default {
+  layout: "empty"
+};
+</script>
\ No newline at end of file