html - 如何将显示内联 block 移动到右侧？

Question

我有一个位于 display:inline-block 中的 div。如何向右移动它？

<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>