1:设置li的display为inline-block,没有让li成为横向排列：原因：定义的id名为navigation，css中用的是nav，作者有修改代码但是没有说明。
2：section部分，我自己看结构，构成为h1+h2+section>img+textarea.但是作者构成为article>p+hgroup>h2+h3其中p里面是img加上文字段落实体。
<hgroup> 标签被用来对标题元素进行分组。
3:利用浮动图片来解决文档和图片不对齐的问题。
4:在recommend区域，我是用h1+ul的方式来布局的。作者是用h2+dl>dt+dd来表示:你可以把<dl>看作<ul>列表的加强版，相当于给每个列表加了句说明。
5：利用
@media screen and (min- 450px) and (max- 699px) {
#wrapper { 100%; }
来进行响应式效果实现。
6：百分比布局公式：目标元素宽度÷上下文元素宽度=百分比宽度