当我们希望元素布局不进行默认的文档流布局时,我们采用一些方法来脱离文档流解决 。
默认文档流的问题
方法: 浮动 、 绝对和固定定位
但是会产生一些问题:
浮动的问题: 父元素高度塌陷、后续元素收到影响
解决:父元素设置 overflow:hidden; clear:both;
相对定位和绝对定位是相对于具有定位的父级元素进行位置调整,如果父级元素不存在定位则继续向上级寻找,直到顶层文档
雪碧图|精灵图
提升性能 减少请求
background-position:-10px 0;
JS防抖
段时间内连续触发的事件，防抖就是让某个时间期限内，事件处理函数只执行一次。如滚动鼠标事件限制