今天完成的事情：进行实际的布局；

明天计划的事情：接着做任务六

遇到的问题：1.任务中主体部分的滚动并不能使页面显示完全，主体部分的高度撑大（撑大的高度即为底部这一部分的高度；因为把它设了fixed，页面滚动后主体无法显示完全是因为被它遮了，所以增加的高度也跟它↑所占据的高度一样）2.这一块我没有做自适应，写死了高度，拖动至4行字会破坏布局，自适应方法挺多的，我尝试了下右边那块用table-cell，和line-height用倍数/不带单位，或者简单粗暴不设置高度，用文字本身去撑开包裹它的div，都可以实现。

收获：css3中的样式，用于背景图片的样式伸缩：background-size:cover/contain/百分比（针对父元素的宽高）/定值cover:占据背景的宽高,在保持图片宽高比的情况下：会拉伸图片，多余的部分会裁掉不显示contain:铺满宽高，但是不会牺牲图片，按比例放大，保证图片自身能完全显示，所以可能会导致显示空白（以上是用了no-repeat的）

【如果是在父元素中设定的line-height，父元素和子元素都有自己的font-size，那么：】1.line-height:xx（没有单位），比如line-height:2      line-height等于2*font-size（子元素自己的font-size）2.当xx的单位是百分号/em的时候，是乘以父元素的font-size的，再将这个值继承给子元素差别在于继承