前端：利用javascript+css+html制作小小弹出框效果

1、基础知识

1.1float:left|right|none|inherit;（left向左浮动、right向右浮动、none不浮动、inherit与父级的浮动方式相同）

浮动的目的：让两个块标签放入一行显示。

文档流定义：文档流是文档（页面）中可显示对象（页面中的标签）在排列时所占用的位置。

浮动的定义：使得元素脱离文档流，并按照指定方向发生移动，遇到父级边界或者相邻的浮动元素则停下。

文档流宽度计算方式：①文档流宽高=内容宽（高）（即标签中定义的width，heigh）+padding+border+margin；②可视区宽高=内容宽高+padding+border+margin