第一次仿制微博主页学习笔记#2

非常粗糙地把剩余部分敲出来了。
假装这是一个框架，其实并不能用，只能看看。
然而只是仿个样子都还不能做到很细节。

谁说学前端很有成就感的？明明超级挫败！

css部分的问题与总结

1. 将子元素固定在父元素底端
   只需在父元素设置一个position：relative；
   在子元素设置

position：absolute；
bottom：0；

就好了。

2. 设置页脚，使其相对固定在页面底端

html,
body {
    height: 100%;
}

对页脚的设置：

height:50px;
width:100%;
margin-top:-50px;

对页脚前一个大标签的设置：

  min-height: 100%;
  height: auto !important;
  height: 100%; /*设置页面内容区域最小占满窗体高度*/
  padding-botton:50px; /*留出footer的区域*/

3. 运用flex-grow分配元素所占空间
   默认值为0，赋值1则占据所有剩余空间，有多个元素被赋值便根据值分配剩余空间。

总结

从头再复习一遍css，先侧重对定位方法进行学习理解和总结。