今日完成：

调试完成任务十，开始学习less的知识。

明日计划：

明日请假一天离开成都，回成都后还有时间继续看less的知识。

遇到的问题：

1.今天做任务十时，input的输入框将栅格的宽、高全部占满行，但我并没有设置宽高。通过调试发现input的line-height是默认继承父元素的值（默认为inherit，无论我是否做了设置），找到问题后重新定义了display以及line-hight解决。

2.重新定义radio属性时，没有办法触发checked事件。查了半天，才发现原因是将radio设置为了display：none。将属性改为opacity：0后，问题解决。

通过这个问题，明白了display：none与opacity：0的区别。

3.设置lable时，如果将文字放入<lable></lable>内，表格布局瞬间乱掉（小图标跑到行的最上方，文字在下方无序排列，如图：）。通过调试发现lable的默认属性为inline-block，将其修改为display：inline后解决（我觉得lable的默认属性并不一定就是inline-block，有可能是被父元素的属性影响了）。

4.通过将折叠的下拉菜单设置为浮动，解决了昨天与前天提出的问题（实现下拉菜单的宽度自适应内容的宽度）。这个问题如果设置栅格，下拉菜单的内容无法满格；设置绝对定位，下拉菜单脱离文档流，菜单一出现就会遮挡下方内容。最后设置浮动满足了我的需求，其实问题很简单，只是觉得响应式布局就一定要用栅格，所以就一直没有解决这个问题。

收获：

1.了解了radio和form的各类属性。

2.学习了display：none，opacity：0的区别。

3.less的初步了解。