千里不留行

千里不留行的博客,码农技术博客,关注编程技术,全栈技术

首页 HTML5演示 关于

flex自适应高度内容高度超出容器高度自动出现滚动条的问题

  • 作者: 千里不留行
  • 时间: 2022-01-20
  • 分类: HTML5

在容器中设置 flex-grow:2; overflow-y:auto;overflow-x:hidden;容器高度自适应。

内容高度不固定,无法出现滚动条,然后在容器中添加height:0,出现滚动条,个人猜想为设置height:0后,将默认的盒子模型高度设置为空,让flex设置的高度生效;

标签: none

取消回复

添加新评论

  • 上一篇: localStorage设置过期时间
  • 下一篇: The engine "node" is incompatible with this module. Expected version XXX

最新文章

  • 无80端口情况下使用 CERTBOT 申请SSL证书 并实现自动续期
  • 使用 husky 进行提交前的代码规范校验和 commit 信息检查
  • Commitlint 使用总结
  • centos系统时间不对
  • centos7没有netstat命令的解决方法
  • 微信小程序wxml-to-canvas 的使用
  • vue3 + TS项目配置代码规范
  • <script lang=“ts“ setup>使用setup语法糖引入组件爆红问题
  • vue3 + ts 使用vscode ,项目不是跟目录不识别@ 符合
  • Vue3之script-setup全面解析

最近回复

  • sunlc: 大家好

分类

  • 默认分类
  • ffmpeg
  • Linux
  • NodeJs
  • web前端
    • HTML5
    • javascript
    • css
    • VUE
    • 小程序
    • typescript
  • 软件工具
    • git
  • 古筝欣赏
  • Windows
  • web服务器
    • nginx
  • 数据库
    • MySql
  • 后端
    • PHP

友情链接

  • 百度
  • © 2022 千里不留行.京ICP备15045606号 .