任务二十三

任务描述

参考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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容