今天完成的事情：

1.完成了任务五。

2.雪碧图应用的熟练了一些。

3.任务六写了一小半。

明天计划的事情：

1.尽量完成任务六。

2.学习用css模拟下拉框。

3.如果白天能写完任务六，不急着开任务七，看一下flex，拖了很久了。

遇到的问题：

1.看了一个小时css模拟下拉列表，头晕晕的没看明白。明天再做这个部分。

2.footer写完了发现任务要求要写三个按钮进来，又改了一次代码。

3.没报上名，发现应届生活动条件有点苛刻，啊啊啊啊啊。昨天也没睡好，状态不佳，看不进去东西，今天早点休息调整状态。

收获：

1.今天发现display：inline-block也会出现幽灵空白节点，和昨天的应该是一个东西。这才是问题的源头？

2.学会了添加滚动条和隐藏滚动条。

隐藏纵向滚动条。

显示纵向滚动条。

如果一个div高度100px，内容只有80px，那么给他加滚动条也只会加到80px的位置，目前还没找到解决办法，不过感觉应该没有这么奇怪的要求吧。

3.学会了强制定高。如果header20px，footer30px。设置position：fixed，

top:20px  ,bottom:30px,  height:calc(100% - 50px)则可以强制定main的高度。

4.如果父元素用position：fixed定位（或者absolute），如图

那么子元素用float没得用，如图

只能用absolute定位子元素。虽然都是脱离文档流，但是可以理解为都是起飞了，但是不是一个高度上，所以不能这么用。

5.学会了用border写三角形。

设置高宽为0.设置border宽度，然后设置边框的三边透明，剩下那个边设置个颜色即可。

结果如图  使用的时候注意位置设置，他实际上占得位置是个正方形。

设置居中时实际上设置的是正方形居中，而不是这个红色三角形居中，位置要微调。