【css】记录height: 100%；时设置overflow: auto；不出现滚动条的解决方法

湛海不过深蓝

于 2024-08-08 13:08:58 发布

阅读量168

点赞数 2

分类专栏： css 文章标签： css 前端

本文链接：https://blog.csdn.net/bbt953/article/details/141024163

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<template>  
  <div class="parent">  
    <div class="child">  
      <!-- 假设这里有很多内容 -->  
      <p v-for="n in 100" :key="n">内容 {{ n }}</p>  
    </div>  
  </div>  
</template>  
  
<style scoped>  
.parent {  
  height: 100vh; 
  width: 100%;  
  position: relative;   // 主要就是这 
}  
  
.child {  
  height: 100%;  
  overflow: auto;  
  /* 其他样式 */  
}  
</style>