1）、static定位(普通流定位)--------------默认定位2）、float定位(浮动定位)例：float:left;有两个取值：left(左浮动)和right(右浮动)。浮动元素会在没有浮动元素的上方，效果上看是遮挡住了没有浮动的元素，有float样式规则的元素是脱离文档流的，它的父元素的高度并不能有它撑开。3）、relative定位(相对定位)position:relati...

前端的图片优化的6种方案1、使用base64编码代替图片场景：适用于图片大小小于2KB，页面上引用图片总数不多的情况原理：将图片转换为base64编码字符串inline到页面或css中优势：减少http的请求次数，并可以放到后台数据库中，只传输字符串，有较多的构建工具可以直接实现劣势：这种方法仅限于图片总数较少，而且图片大小小于2KB的情况。否则图片字符串会变得很长很长2、合并图片spri...