当前位置： 首页 > article >正文

flex布局的flex为1到底是什么

article 2024/9/25 9:33:07

参考博客：flex:1什么意思_公孙元二的博客-CSDN博客

 flex：1即为flex-grow：1，经常用作自适应布局，将父容器的display：flex，侧边栏大小固定后，将内容区flex：1，内容区则会自动放大占满剩余空间。

今天写样式的时候，碰到这样一个问题：子盒子①和②的父盒子设置了display。子盒子①设置了固定宽度，如果子盒子②不想设置calc计算的话，可以设置子盒子②样式display为1

设置②display：1后 ，②则沾满剩下所有空间

 


http://www.kler.cn/news/161596.html

相关文章：

  • 阿里云实时数据仓库HologresFlink
  • React富文本编辑器wangEditor
  • 【Ajax】发送get请求获取接口数据
  • 【计算机组成体系结构】SRAM和DRAM
  • Java网络编程，使用UDP实现TCP(一), 基本实现三次握手
  • 排序算法之三：希尔排序
  • java第三十一课
  • Unity——鼠标控制摄像机移动，（距离）缩放，旋转
  • Linux篇之在Centos环境下搭建Nvidia显卡驱动
  • MacOS VSCode 配置远程服务器ssh remote链接，并上传文件文件服务器
  • 力扣150题 ｜80.删除有序数组中的重复项II
  • Boost：asio多io_service，多线程run
  • Unity中Batching优化的GPU实例化（3）
  • 万户协同办公平台ezoffice wpsservlet接口任意文件上传漏洞
  • uni-app 微信小程序之好看的ui登录页面（四）
  • JM中ref_pic_list_modification bug记录
  • 金融行业文件摆渡，如何兼顾安全和效率？
  • 视频封面提取：精准截图，如何从指定时长中提取某一帧图片
  • 性能优化一条龙
  • Spring Boot的日志
  • 【PyTorch】模型的基本操作
  • html电子签名
  • vue+echarts实现桑吉图的效果
  • 策略模式终极解决方案之策略机
  • Jquery easyui异步提交表单的两种方式
  • Vue练习 v-model 指令在状态和表单输入之间创建双向绑定
  • Vue3集成ThreeJS实现3D效果，threejs+Vite+Vue3+TypeScript 实战课程【一篇文章精通系列】
  • stm32f103使用hal库函数读写内部flash
  • 【分布式微服务专题】从单体到分布式（二、SpringCloud整合Nacos）
  • TR转发路由器测评—云企业网实现跨地域跨VPC的网络互通测评实战【阿里云产品测评】