发表于： 2020-04-20 23:30:15
1 1457
任务四总结
没有什么特别难的地方需要注意以下几点
输入框提示文本用palceholder
使用calc函数计算盒子模型避免input输入框过短（calc(100vm-100px),calc(100%-100px)）
body不给高度（有时候给高度是为了方便巧代码，敲完了后记得删掉）
任务五
今天我把任务五做了一遍
在完成任务5的过程中遇到了两个难点
1.footer一直紧贴底部
这个我用flex布局进行了解决，header和footer占用固定的高度
flex: 0 0 auto;
main
/* 1 flex-grow, 0 flex-shrink, auto flex-basis */
flex: 1 0 auto;
这个原理还不是特别清楚，需要消化一下
2.最后一行介绍文字换行
我在自我介绍这个标签插入了不要换行
<span class="live pl" style="white-space:nowrap;">自我介绍</span>
这个父标签使用了flex，暂时只会这一种方法。
明天准备进行任务六
返回列表
评论