一，完成的内容

做任务8的网页，利用了bootstrap

的布局，应用了轮番图的组件，

实现原理示意图

1.轮播过程中，有几个关键元素：一个舞台（绿框）、候场区（黑框）、排队区（红框）和两个数组A和B。A用来保存正在展示和下一个将要展示的图片，如：图片1、2；B用来保存排队等候出场的图片，如图片5、4、3。 

2.每一步轮播时，要做的事情如下：

A要做的事情是把它的第一个元素向左移走，把第二个元素向左移进展示区域；然后把刚才的第一个元素从A中shift出去，并splice进B的第一个位置上。

B要做的事情是把它的最后一个元素，移到候场区（即目前图2所在的位置）等候；然后把刚才的最后一个元素从B中pop出去，并push到A中。

然后查看了关于CSS实现常见的布局个人觉得这个方法实现   左列定宽，右列自适应  还何以。

使用float+overflow实现

.left{width:100px;float:left;}.right{overflow:hidden;}

overflow:hidden，触发bfc模式，浮动无法影响，隔离其他元素，IE6不支持，左侧left设置margin-left当作left与right之间的边距，右侧利用overflow:hidden 进行形成bfc模式

这里用到了它：

二，明天继续任务，

三，我上传了pc端的网页代码，就是不知道怎样实现把pc端网页让移动端正常的浏览，单凭媒体查询不太会改，希望师兄能详细解答。