发表于: 2019-04-22 23:07:14

1 896


今天完成的事情

       今天电脑出了点问题,主要为查看知识点为主,第一布局footer,让footer紧贴底部,百度查看,发现不止一种,三四种方法看不懂,应该为以后学习的内容,还有一些看的懂的一些方法。

一 

负margin方法 1、实现原理 靠article的padding-bottom为footer留出空间,再将footer的margin-top设为其自身高度的负值, 这样footer就会上移至article留出的空间内;由于margin-wrap的min-height为100%, 因此footer会永远紧贴在页面底部。

flex方法 、实现原理 主要使用了弹性盒中的 flex: 1属性来实现自适应伸缩,但是感觉多容器布局时比较麻烦。

absolute方法 1、实现原理 父元素使用min-height:100%,footer采用相对于父元素的绝对定位, 然后再使用bottom:0;即可让footer紧贴页面底部;然后在article上 使用padding-bottom使得footer正好覆盖该位置。

四 

固定定位相对于浏览器窗口,其余的特点类似于绝对定位。


明天计划的事情

       重装软件,操作练习


遇到的困难

      在其他时间看了内门师兄的一些日报,看到的方法多不明白的也多,比如一些文字,为何有时使用 li ul 等,看到师兄一些文字部分时标签不用 P 。看师兄们的日报收获也多。发现一些自己没用过的标签,总归还是自己了解的太少。


收获

      今天进度缓慢,收获较少



返回列表 返回列表
评论

    分享到