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

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

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

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

设置②display:1后 ,②则沾满剩下所有空间

 

相关推荐

  1. flex:1作用什么

    2023-12-08 06:32:01       12 阅读
  2. flex布局flex:1相关知识

    2023-12-08 06:32:01       38 阅读
  3. flex布局学习笔记

    2023-12-08 06:32:01       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-08 06:32:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-08 06:32:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-08 06:32:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-08 06:32:01       20 阅读

热门阅读

  1. 单元测试Nunit的几种断言

    2023-12-08 06:32:01       38 阅读
  2. Hibernate更新多实体对象的坑

    2023-12-08 06:32:01       34 阅读
  3. BGP/Border Gateway Protocol

    2023-12-08 06:32:01       37 阅读
  4. Flask template中使用iframe

    2023-12-08 06:32:01       37 阅读
  5. Go入门:探索编程的奇妙世界

    2023-12-08 06:32:01       35 阅读
  6. 解析5种常用的Python设计模式

    2023-12-08 06:32:01       29 阅读
  7. 深度学习TensorFlow2基础知识学习后半部分

    2023-12-08 06:32:01       36 阅读
  8. 在浏览器中使用TensorFlow.js

    2023-12-08 06:32:01       47 阅读
  9. WPF MVVM模式下如何将UI窗口变量传参到Viewmodel层

    2023-12-08 06:32:01       36 阅读
  10. python乐观锁和悲观锁

    2023-12-08 06:32:01       36 阅读
  11. 入门低代码开发:快速构建应用程序的方法

    2023-12-08 06:32:01       35 阅读