发表于： 2019-08-13 22:01:08
1 871
今天完成的事情：
1、基本完成了任务六，但是仍然存在很多瑕疵
2、更加熟练了flex布局
3、学会了利用margin负值和z-index来达到重叠目的
明天计划的事情：
遇到的问题：
主体部分开始使用定位，缩放后内容超出，之后改用了flex解决了问题
header部分的按钮没有重叠，师兄指出了z-index的用法，配合margin负值达到目的
整体页面完成后，在设置了font-size以及使用了rem单位，缩小后字体不能做到等比例缩放，目前没有解决此问题
收获：
1、z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。z-index 仅能在定位元素上奏效，在任务中加入相对位置来让z-index生效
2、z-index 的默认值为 auto，可以设置正整数，也可以设置为负整数，谁 z-index 大，谁在上
3、margin为正值时，元素在文档中所占位置是从border之外向四周扩展的，而为负值时，则是向内收缩的，当偏移大于自身宽度的时候，自身将不再占有位置 ，后续的元素会无视他
4、当元素没有固定宽度的时候（或者 width:auto;），负值会增加自身宽度
返回列表
评论