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

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

article 2024/11/14 7:59:47

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

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

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

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

 


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

相关文章：

  • 基于Python+Django+Vue3+MySQL实现的前后端分类的商场车辆管理系统
  • 九州未来再度入选2024边缘计算TOP100
  • macOS解决U盘装完系统容量变小的问题
  • Qt 实现文件监控程序
  • STM32 GPIO 配置
  • 期权懂|期权新手入门教学：期权合约有哪些要素？
  • 阿里云实时数据仓库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的日志