- 为了防止看花眼
- 我就手动敲下面的文字
- 原本我偷懒
- 直接就是列表1，列表2
- 后来测试发现不行
- 内容太接近
- 滚动时候
- 无法准确感受到靠近效果
- 这样是不行的
- 做东西就要精益求精
- demo页面也应如此
- 然后这里的刘海形状只是近似
- 两个圆角要模拟
- 需要更细致的shape-outside设置
- 这里仅仅使用两个转角点表示
- 而且为了和后面的内容有间隙
- shape区域右侧
- 刻意扩大了大约5像素
- 现在看到的刘海
- 是覆盖上面的一个图
- 实际生效的是后面浮动的shape
- 在iOS 10.2之前还需要webkit
- 私有前缀
- 因此，实际代码还需要webkit
- Chrome可以不需要
- 然后此功能需要JS配合
- 只能对内联信息进行跟随控制
- 理论上还可以使用CSS region实现
- 但没有这个方法容易理解