今天完成的事情：

调研

明天计划的事情：

遇到的问题：

收获：

看了看各种布局

圣杯布局和双飞翼布局

 圣杯布局：借助的是其他非主要元素覆盖了其父元素的padding值所占据的宽度，同一个杯子，非主要元素其只是占据了全部容器的padding值部分；

    双飞翼布局：给主要部分main-wrap添加一个外层元素main，其他非主要元素所占据的空间是主要部分(main-wrap)的margin空间，像鸟的两个翅膀，与主要部分main脱离(main和main-wrap是下面双飞翼布局的元素id)

重点直接就显示出来，把你想要突出的内容显示出来

缺点也明显，就是网页太单调。

草船云的布局，是响应式布局，

　　响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

　优点：

　　面对不同分辨率设备灵活性强

　　能够快捷解决多设备显示适应问题

　　缺点：

　　兼容各种设备工作量大，效率低下

　　代码累赘，会出现隐藏无用的元素，加载时间加长

　　其实这是一种折衷性质的设计解决方案，多方面因素影响而达不到最佳效果

　　一定程度上改变了网站原有的布局结构，会出现用户混淆的情况.域名查询 网站注册

适应各种设备

但是显示也是比较单一简单。

瀑布流布局

     优点：

                1.有效降低了界面复杂度，节省了空间：不再需要臃肿复杂的页面导航链接或者按钮了； 

                2.在触屏设备上交互方式有更好的用户体验，通过向上滑动进行页面滚动和数据加载，对操作的精准程度要求远远低于点击按钮或者链接；

                3.更高的参与度，使用户能更好的专注于浏览而不是操作；

         缺点：

                1.无限滚动只适用与特定类型产品中的某一类型，如某类微博信息，购物网站的某类商品，而不适用与一般的门户网站，使用需斟酌；

                2.需要打造额外的js库来保证页面数据的加载和排列，而这在一定意义上增加了在网页的性能和设备兼容等方面的问题；

百度图片就是一直滚动就行不需要翻页。