任务二十三

任务描述

参考http://7xrp04.com1.z0.glb.clouddn.com/task_1_5_1.jpg，完成页面。

头部和底部的黑色区域始终是100%宽

页面右侧部分为固定宽度，左侧保持与浏览器窗口变化同步自适应变化

左侧的各个模块里面的内容宽度跟随左侧整体宽度同步自适应变化

10张图片需要永远都完整展现，所以会随着宽度变窄，从两行变成三行甚至更多，也有可能随着宽度变宽，变成一行

提示：先把整体的几块先做出来。

参考资料：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Introduction

https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started