发表于： 2018-05-25 22:35:34
2 548
今天完成的事：完成了任务五的代码，并上传到github
效果如下：
明天计划的事：任务五的深度思考，学习bootstrap和雪碧图的制作，开始写任务六
遇到的问题：
1.头部和底部固定后会出现被main主体遮挡的问题，通过百度搜索用z-index解决
2.上下固定之后，主体会有一部分被头部和尾部遮挡，右侧的滚动条自动延伸遮盖住了头部和尾部，通过设置position：absolute；指定top和bottom的值让主体把头尾之间的空间占满。overflow-x hidden和overflow-y auto当超过主体部分时出现竖直滚动条
收获：position定位
static属性是默认值，默认元素按自己本身的特性定位
relative是相对定位，相对于元素自己的位置进行定位
absolute是绝对定位，相对于上一个定位的父元素进行定位，如果没有已经定位的父元素那么就相对于html进行定位
fixed是绝对定位，相对于浏览器窗口进行定位
第一次使用伪类选择器，通过给部分div设置相同的类名，用伪类选择器达到了应有的效果
：nth-child(odd)可用于匹配下标是奇数的子元素
：first-child选择属于父元素的首个子元素
返回列表
评论