常见的position定位方式

1、static 默认值。

元素出现在正常的普通流中。

默认为static

2、relative 生成相对定位的元素，

相对于其在普通流中的位置进行偏移。不脱离文档流

3、fixed 生成绝对定位的元素

通常相对于浏览器窗口或 iframe 进行定位。脱离文档流

inherit 继承父元素的position属性。

但需要注意的是IE8以及往前的版本都不支持inherit属性。

4、absolute 生成绝对定位的元素

相对于最近一级的 不是 static 的父元素来进行定位,如果没有找到的话，最终是根据body进行定位。 脱离文档流

absolute定位的基准是相对于最近一级的不是默认值static的父元素(可以是absolute/relative/fixed等)来进行定位的，而不仅仅是相对于为position为relative的父级元素。父级元素还可以是absolute、fixed定位

实现右对齐

flex设置justify-content: flex-end
absolute定位设置rigth: 0
float: right
当父节点和子节点宽度固定时，设置margin-left: auto