# FlexBox 弹性布局容器

用于快速实现 flex: 1 + min-height/min-width: 0 的响应式布局,解决嵌套 flex 容器中子元素无法正确收缩的问题。

# 基础用法

Layout Demo (Renamed to layout.md)

hide code
<template>
  <div style="height: 100px; border: 1px solid #eee;">
    <p>Layout Demo (Renamed to layout.md)</p>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>
Last Updated: 2/11/2026, 3:17:34 PM