今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

1.抓紧看流程图做法 

分支问题 页面1 第3区域  流程图 

做什么？流程图css  预估结束时间？2小时 

知道什么？圆可以用p可以用span写、横杠可以用p写、

要学什么？

预测下怎么做 （不能超过1小时）？

方案1：一个p横杠 、一个圆 内容、接着 一个p横杠 、一个圆 内容、

方案2：一个p写横杠 ，其他圆形使用不同的相对定位，来一个个镶嵌上去。

自己尝试做有什么问题？

1.屏幕缩小时 圆形使用相对定位 然后消失了 / 使用绝对定位 缩小屏幕直接随着屏幕跑了

2.决定定位的话  @media 不同屏幕尺寸设置不同位置数据 试验： 方案可行 

3.两个导航条间隔使用 最上面div隔开，试验 ：方案可行

992px right ：430px

468px right ：216px 

2.两步流程图之间有间隔。在套一层div解决

别人怎么做的？ 

1.一条横杠上面放一个圆，特别处 这个横杠特别长，和下一条横杠相接 

2.圆写在横杠里面的语法结构，可以跟随横杠变化 

疑问？ 

1.为什么人家用决定定位就不会跑？ 

猜测 栅格因素？没关系 ；行内块级元素 ？没关系；和百分比有关系？ 没关系 ；

因为圆div在横杠div里面的？ 确认 ；

圆决定定位是跟着横杠div的宽度变化的，不是跟着最外层盒子变化，就不会跑。

想法

其实思路差不多，按照盒子模型往里面装，但是最后实现的思路就有差别。

这里的浮动思路就不错，我本来想用列偏移这个点的。

画圆不够熟练 知道语法结构什么样，但是标签英文记不住那么牢固，要查才能用

    border-radius: 50%;

    width: 100px;

    height: 100px;

    background: red;

明天计划的事情：（一定要写非常细致的内容）

1.在研究一下流程图 

2.有空看看表单 

遇到的问题：（遇到什么困难，怎么解决的）

疑问？ 

1.为什么人家用决定定位就不会跑？ 

猜测 栅格因素？没关系 ；行内块级元素 ？没关系；和百分比有关系？ 没关系 ；

因为圆div在横杠div里面的？ 确认 ；

圆决定定位是跟着横杠div的宽度变化的，不是跟着最外层盒子变化，就不会跑。

收获：（通过今天的学习，学到了什么知识）

1.css流程图基本写法了解 

2.找到了提交任务的地方 提交了任务1