flex 弹性布局弹性布局是一种按行或按列的一维布局方法。元素可以膨胀以填充多余的空间，收缩以适应更小的空间。 主轴与交叉轴默认情况下：主轴方向从左至右，交叉轴方向从右至左。 flex 容器要使用 flex 布局需要现在容器上设置display:flex 改变轴方向 flex-direction row(默认) row-reverse colum colum-reverse 换行与缩写 f...

盒模型的特性以及定位属性盒模型在 css 中所有元素都被盒子包围着。盒子从里到外：content(内容)、padding(内边距)、border(边框)、margin(外边距) 盒模型中 padding 值不能为负，margin 可以为负，负数时盒子四周会向内收缩。(叠加) 边框实际上是覆盖在盒子上方的，盒子中被覆盖的部分仍然沿用盒子设置的背景颜色。(可通过 rgba 设置透明观察) ma...