width:100%与width:auto区别 一、 width属性介绍 二、 话不多说，直接上代码看效果 三、 分析比较 我们给parent设置了padding:20px 内边距，给两个child都

flex布局大家应该已经运用的炉火纯青了，相信在日常开发中大家和我一样不管遇到什么都是flex一把搜哈。直到我遇到grid，才发现有些场景下，grid更加方便。

标准盒子模型 和 怪异盒子模型 ‼ 可以简单理解为每个元素就是一个盒子模型 盒子的组成：内容 + 内边距 + 边框 + 外边距 两种盒子模型（以宽度为例子） 标准盒子模型：margin + borde

BFC是Web页面中盒模型布局的一个隔离的独立容器，理解BFC对于处理页面布局中的许多常见问题至关重要。

原文链接：一文吃透 CSS Flex 布局 教学游戏 这里有两个小游戏，可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局，弹性盒子布

本文介绍开发中常用的css变量var()，它可以实现样式的动态设置，使用方法主要分为全局使用和局部使用两种。如何定义CSS变量var():root {上述代码实现了在根元素定义了一个名为的样式变量