定位默认转换

display是显示模式，可以改变显示模式有以下方式：

• 可以用inline-block转换为行内块
• 可以用浮动float默认转换为行内块（类似，并不完全一样，因为浮动是脱标的）
• 绝对定位和固定定位 也和浮动类似，默认转换的特性转换为行内块。
• 所以说，一个行内的盒子，如果加了浮动、固定定位和绝对定位，不用转换，就可以给这个盒子直接设置宽度和高度等。

同时注意：

浮动元素、绝对定位（固定定位 ）元素的都不会触发外边距合并问题。(除此之外可以用padding、border、overflow解决的)

也就是说，我们给盒子改为了浮动或者定位，就不会有垂直外边距合并的问题了

定位模式	是否脱标占有位置	移动位置基准	模式转换（行内块）	使用情况
静态static	不脱标，正常模式	正常模式	不能	几乎不用
相对定位relative	不脱标，占有位置	相对自身位置移动	不能	基本单独使用
绝对定位absolute	完全脱标，不占有位置	相对于定位父级移动位置	能	要和定位父级元素搭配使用
固定定位fixed	完全脱标，不占有位置	相对于浏览器移动位置	能	单独使用，不需要父级