赢过我也要赢过生活的博客

* 使用calc函数计算项目宽度，(100% - 20px)表示总宽度减去总间距（因为每行有3个项目，所以总间距为2 * 10px），然后再除以3，使每行均匀分布3个项目 *//* 使用border-box盒模型，这样设置的width包含了border和padding，不会因为padding而使项目宽度超出预期 *//* 3列等宽 *//* 定义一个名为flex-item的类，用于设置弹性容器内每个项目的样式 *//* 设置项目的边框为1px宽的灰色实线 *//* 设置弹性项目之间的间距为10px */

三列布局的实现方式

这种布局通常被称为粘性导航栏布局或吸顶导航栏布局，也有部分人将其称为渐变过渡导航栏布局，主要是强调导航栏在过渡效果上的特点。