css中一共有三种手段，使一个元素脱离标准文档流：
- （1）浮动（2）绝对定位（3）固定定位
发表于： 2019-06-20 23:23:50
1 705
今天完成的事情
添加浮动：师兄的提示应该是与以前任务中有过的悬浮效果一致，敲写一个box 透明度为0，悬浮时，透明度为1(半透明就0.5)。开始遇到的问题是，悬浮的内容占据文档流，于是查询知识点。
最后使用绝对定位解决问题，原因：绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
之后遇到的问题是悬浮内容宽高的问题，在下面的提问中细讲。
更改响应式：介绍栏部分改用了flex项目属性来布局。但在悬浮中出现了问题。
明天完成的事情
完成悬浮问题、完成任务8
遇到的困难
悬浮内容宽高：悬浮内容的框高应该如何思路敲写，父元素的宽度是使用了 flex项目属性，高度是靠内部小盒子撑起来的，初步尝试设置100%失败（因想让它在父元素里占据100%）
收获
pointer-events: none; transition: linear 0.3s;
学到新代码可以使框出现有小幅度动画效果
返回列表
评论