三列布局

查看文章《三列布局自适应【四种方法】》个人注释
1.middle放在left跟right后面，因为float属于部分无视，需要根据上下文来定位，还占据空间；middle没有脱离文档流，会占据100%的宽度，那么right会另起一行；同时middle的内容因为也会自动给float的元素
3.float个人理解，一直往左浮动，如果宽度超出了，就当前的元素换行，使用margin负值往左定位，可以让浮动的整体长度不超出屏幕宽度，就会排在一行。
left块的margin负值100%会往左定位到开始
right块的margin负值元素宽度，会刚好到元素宽度，就是右边
4.使用flex方法