聊一聊CSS定位
CSS定位是CSS中比较基础的一部分，前端必须要掌握。本文重点是position的属性和sticky。
CSS定位即允许元素可以出现在相对正常位置外的其它位置，实现对元素位置控制的效果。
CSS定位基本分为三种定位：普通文档流、浮动和绝对定位。
普通文档流
普通文档流即按照HTML的定义顺序完成排布，块级元素就从上往下排列，行内元素就从左到右依次排序。
浮动
浮动即给元素设置float属性，设置float的属性会脱离文档流，则该元素不会占用文档流中的空间，其它在文档流中的元素排布就会无视该元素，脱离文档流的元素也不能撑起父元素的高度。
但float脱离文档流又不太完全，附近元素附件元素内的文本还是会为浮动元素让出位置，例：
普通文档流中有两个块级元素，块1和块2，我们设置块1为浮动元素：
结果发现块1脱离文档流，导致块1和块2合并到一起，但块2的文字部分还是为块1让出了位置，围绕
最低0.47元/天 解锁文章
3668
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
