发表于: 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 。看师兄们的日报收获也多。发现一些自己没用过的标签,总归还是自己了解的太少。
收获
今天进度缓慢,收获较少
评论