今天完成的事情

1.修改 侧边栏 

问题：侧边栏 在header 顶部 ，点击的时候只会出现在header 部分

修改 ： 把 wrap 保卫整个页面 ，吧 input 和aside 放在页面外。修改 page 的布局 ，头部 采用固定定位

2.侧边栏 

在左侧未弹出时显示隐藏，弹出是显示可见

3. header 设置 固定定位时 ，弹出侧边框，header 宽度不自适应

fixed 定位 使得header 脱离了文档流

解决 ： 把header放到 wrap 外面 

4.修改 侧边栏弹出后，右边页面被挤压

吧wrap 包围整个页面，设置 aside 为固定定位，不让它占据文档流。

元素设置 position:absolute; 绝对定位之后，脱离文档流，不占据文档流的空间位置，不会影响其他元素的布局

5改写投票页面

投票 页面 用vw 来写发现 固定宽度 后 效果不对

6.文档流

文档流是文档中可显示对象在排列时所占用的位置。
将窗体自上而下分成一行行显示，并在每行中按从左到右的顺序排放元素的效果，就是文档流直观的表现

例如，在桌面端浏览器视口尺寸为650px，那么 1vw = 650 * 1% = 6.5px（这是理论推算的出，如果浏览器不支持0.5px，那么实际渲染结果可能是7px）。

8 关于 响应式 和自适应

responsive web design(rwd)

自适应（AWD）= 不同设备的代码是不一样的

9. css 网格

1. 网格容器

通过设置display的属性为grid或inline-grid来创建网格容器；

display: grid
默认行排列，宽度为容器的宽度；

明天计划的事情

1.任务14

2.学习css grid 布局 ，

3.拆分任务8的组件

遇到的困难

1.fixed 定位 细节

2. 侧边栏 制作

3.sass 练习

收获

1.今天的任务 基本 修改完成，暂时没有问题