发表于: 2019-06-05 23:49:54
1 852
今天完成的事
第一天到修真院分院感觉还不错,线下师兄指点了之前的任务细节,今天基本都在改前面作品的细节,任务七完成还需要点时间,翻看了下bootstrap发现大部分都是封装的css属性,栅格布局才是核心?。
明天完成的事
继续任务七
遇到的问题
在chrome调试工具界面时整个页面跟着滑动,结果是调试工具自带的滚动条导致的。
收获
学习了新的position属性 sticky,顾名思义就是粘的意思,特别适合当行的跟随定位效果,不过此属性受制于父属性,父元素不能有除了overflow:visible以外任何的overflow设置,父元素的高度不能低于sticky的高度,不然都不会有粘贴效果。必须指定top、bottom、left、right四个值之一,不然只有相对定位。
简单来说fixed事相对浏览器的浏览器窗口的固定定位,sticky是相对于父元素的一种固定定位方式,并且他不会脱离文档流。
评论