如何将显示内联块向右移动？

Question

我在显示屏中有一个div：inline-block。如何将其移至右侧？

<div style='width:100%'>
left

<div style='display:inline-block;position:relative;right:0px'>
right
</div>

</div>

https://jsfiddle.net/foreyez/y5dt2prj/

Answer 1

您可以改为使用Flexbox并在内部div上设置margin-left: auto将其移至右侧。

<div style='display:flex;'>
  left
  <div style='margin-left: auto;'>
    right
  </div>
</div>

Answer 2

使用浮动权利。这应该适合你：

<div style='display:inline-block;position:relative;float:right;'>
right
</div>