flex

Posted itxcr

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex相关的知识,希望对你有一定的参考价值。

flex
小知识点
1.固定定位, 默认100%会失效
2.手动加100% 基于浏览器的可视窗口大小
2.1为啥没有往左走? 使用定位类 不设置left top 按照原来的位置进行脱标
flex: 1;
/* 宽度、高度方向都有效果,但是不是通过width/height */
主轴方向上flex划分剩余空间
侧轴方向进行拉伸
设置margin值,向内挤
margin: 10px;
flex布局,行和列的思想看待页面布局

以上是关于flex的主要内容,如果未能解决你的问题,请参考以下文章

将滚动应用到 f​​lex 容器的特定部分

Bootstrap 4 使用 flex-grow 使嵌套的行填充父级填充视口高度

Flex-弹性布局

无法隐藏溢出内容

css3基础

day02 微信小程序