发表于： 2021-07-04 20:34:11
1 1105
今天完成的事情：看了任务三的深度思考，完成了任务四的1-4。
明天计划的事情：明天继续完成任务四。
遇到的问题：当时做的时候不知道怎么把3块文字分别居于header的左中右，并垂直居中，最后通过师兄的帮助下，用户一种方法，就是给header设置display: flex;justify-content:space-between。
收获：通过今天的学习学到了 1.relative：生成相对定位的元素，相对于其正常位置进行定位。元素的位置通过left、right、top、button属性进行规定，可以通过z-index进行层次分级。元素元素仍保持其未定位前的形状，原本所占的空间仍将保留，如果没有定位偏移量，对元素本身没有任何影响。
absolute：生成绝对定位元素。使元素脱离文档流，并相对于其包含块进行定位，包含块可能是文档中的另一个元素或者是初始包含块。
fixed：生成绝对定位元素，相对于浏览器窗口的定位。通常配合z-index一起来使用。比如说网页上悬挂的聊天图标或者广告就是用了fixed。
2. 了解了一点flex的布局。
返回列表
评论