发表于: 2018-08-18 23:38:36
1 737
今天完成的事情:
1.继续任务8页面1的优化,主要是职业框hover效果的实现。
明天计划的事情:
1.继续任务8的重要知识点。
遇到的问题:
1.div外面的hover效果框比其父元素两边刚好各多出来15px,和其祖父元素col-md-4宽度一样,按道理它是应该和父元素宽度一致的呀,原因可能是使用position:absolute属性后,其脱离文档流就超出父元素了,后来通过给其父元素添加position:relative,相当于给父元素定位了,
由于绝对定位是相对于最近的已定位元素或者body,这样最近的已定位元素就是父元素了,他的大小就和父元素一样大了。之前最近的已定位元素是col-md-4(bootstrap也默认加定位了)。
收获:
1.加深了对absolute定位的理解,绝对定位是相对于最近的已定位元素或者body
2.hover效果的使用。包括透明度属性。
评论