1. 简介

1.1 什么是CSS布局？

像 px、em 这样的长度单位大家肯定都很熟悉，前者为绝对单位，后者为相对单位。CSS3 又引入了新单位：vw、vh、vmin、vmax。下面对它们做个详细介绍。

一、基本说明

flex 布局在项目中是必不可少的，但 grid 是一个比 flex 布局还要强大的布局方式。所以今天就来重学一遍 grid 栅格布局。

一、grid 基本概念

flex 可以看做一维布局，只针对的是水平方向或者垂直方向。grid 则将容器划分成行和列，产生单元格，然后指定项目的单元格，可以看做是一个二维布局。所以 grid 布局要比 flex 布局更强大。

前言

在

一、是什么

我们在页面布局的时候，经常出现以下情况：

• 这个元素高度怎么没了？

• 这两栏布局怎么没法自适应？

• 这两个元素的间距怎么有点奇怪的样子？

学海无涯，不要沉浸在知识的海洋里，迷失自己。

要知道自己想要什么，抓住重点，不忘初心。

这个世界上百分之20的人，掌握着百分之80的财富。

接下来一系列教程，就带领大家抓住重点，一起做那百分之20的人。

往期知识点回顾：

最近Ai火的同时，Ai编辑器Cursor同样火了一把。

今天我们就白漂一下Cursor，使用免费版本搞一个零基础教程

作者：张鑫旭

https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/

前言

小伙伴们是否还记得，之前小编也发布了几篇关于CSS相关文章不妨一起来回顾回顾：

《

原文出处： 张鑫旭欢迎分享原创到伯乐头条

一、关于isolation

isolation是一个CSS3属性，顾名思意是“隔离”，支持的值除了万年不变的inherit外还包括auto和isolate.

继承没什么好说的。auto实际上就是不干事的意思，是元素的默认值。所以，我们只需要关心isolation: isolate

如果觉得我的文章不错，可以关注我，想要看其他的进阶知识可以查看我发布过的文章！

编辑搜图

请点击输入图片描述

BFC（Block formatting contexts）：块级格式上下文 页面上的一个隔离的渲染区域，那么他是如何产生的呢？可以触发BFC的元素有float、position、overflow、display：table-cell/ inline-block/table-caption ；BFC有什么作用呢？比如说实现多栏布局