任务九：使用HTML/CSS实现一个复杂页面
任务目的
- 通过实现一个较为复杂的页面，加深对于HTML，CSS的实战能力
- 实践代码的复用、优化
任务描述
- 通过HTML及CSS实现设计稿 设计稿PSD文件（点击下载），效果如 效果图（点击打开）
- 整个页面内容宽度固定，但头部的蓝色导航和浏览器宽度保持一致
详细任务要求请点击百度前端查看
感想
任务九的完成其实有很多的问题，因为自己开始的时候的选择错误，想继续使用bootstrap来搭建页面的框架，但是整个实现下来发现很多的地方是不符合现实需求的，因此导致做到中间很多样式和排版都十分糟糕，但是却又不想重新再规划搭建，于是就当做是一个糟糕的案例来做了，再次证明就是打代码前要规划好整个的框架，不然选择不对的话，就会越写越难受了。
下面是练习的演示和代码
Demo：
百度前端任务九