好名字X

@效果预览 感觉身体里有一股真气在逐渐升腾，糟了！可能是心动的感觉？ @布局思路 宏观拆分 给整个页头以197的高度 + 白色背景 + 怪异盒模型（即197包含内容高+上下内边距）； 用一个div1盛

@效果预览 @布局思路 给上一节中的铺排好位置的div设置图片背景呗； 最右侧用户信息区和二维码区，元素直排 + 宽高都居中，今天我们使用全新知识弹性盒来做！ @HTML部分 @样式部分 给盒子设置背

@效果预览 @布局思路 给菜单ul整体使用主轴为纵向的弹性盒，实现li的纵向排列； 纵向（主轴）上平均分布子元素； 在li内部将菜单项图标和箭头图标分别向左和向右浮动； 给li内的文字span的tex

@效果预览 正在赶来... @布局思路 正在赶来... @HTML部分 标题盒子 横排轮播图 @SCSS部分 预设字体 css/reset.css 封装标题盒子样式 ↑↑↑ 标题盒子的样式改改背景色就

@效果预览 @布局思路 标题栏使用上节中封装好的title-box样式； 使用ul+li+浮动制作横排折行效果； 单个li内部使用直排弹性盒，p标签内部文本左对齐； 小球相对于大图做绝对定位，定到右下

@效果预览 @布局思路 标题栏、白底灰边的内容盒子均复用前面封装好的样式即可！ 故曰：花开堪折直须折，能不搬砖就别搬！ ul+li+浮动，实现横排+自动折行； 直排弹性盒实现单品内纵向信息排列，交叉轴

@效果预览 @布局思路 @HTML部分 @SCSS部分 @知识链接 极简页面布局知识手册 @获取源码 猛戳此处获取老师源码！ 更高处见！

@效果预览 @布局思路 @HTML部分 @SCSS部分 @知识链接 极简页面布局知识手册 @获取源码 猛戳此处获取老师源码！ 更高处见！

@效果预览 @布局思路 @HTML部分 @精灵图 @SCSS部分 公共样式 1190宽水平居中的盒子 左右浮动 清除内部子元素的浮动 页脚样式 @知识链接 极简页面布局知识手册 @获取源码 猛戳此处获