发表于： 2019-03-25 23:26:31
2 803
今天完成的事情：
1.完成了任务十二。
明天计划的事情：
1.尽量完成任务十三。
遇到的问题：
没什么大问题。写SASS的时候注意格式就行了。
收获：
1.first-child和last-child选择器。之前的理解有误。
原本我的理解是 父元素的最后一个子元素margin-right为0；
实际上应该是这样：
child的父元素的最后一个为li的子元素margin-right为0；
2.
这里用到了一个容易忽略的flex属性。
因为flex中items的宽度之和大于总宽度的话，items的宽度会等比例缩小。所以 自我介绍 也会换行（设置nowrap没有用，这个是设置items换行的）。
给 自我介绍 设置 flex-shrinks：0；就不会等比例缩小了。
3.z-index层级问题。
假如header和main都设置position：fixed；
header有个子元素title（也设置绝对定位）。设置z-index：1；是没有办法盖住main的内容的。
只能给header设置z-index才能使header的子元素内容盖住main的元素。
4.display：flex。如果设置了flex-direction：column。
items的宽度默认是100%；两列就是各50%，以此类推，不是根据内容定宽。
在完成某些需求的时候要注意这个特性。
返回列表
评论