html - 在屏幕右侧从左到右在 HTML DOM 中写入 2 按钮

Question

我写了我的 DOM 结构，如：

 <button style="float:right">button1</button>
 <button style="float:right">button2</button>
 <button style="float:left">button3</button>
 <button style="float:left">button4</button>

它会显示如下：https ://jsfiddle.net/ospv6vn8/3/

按钮3 按钮4 按钮2 按钮1

但我想像这样渲染它们：

按钮 4 按钮 3 按钮 1 按钮 2

我无法修改我的 DOM 结构，是的，我可以编辑样式以获得所需的外观。

Answer 1

编辑：这有效！您可以让第一个使用 px 而不是 float 并让按钮 3 浮动中心，如下所示：

<button style="position: absolute; right: 61px;">button1</button>
<button style="position: absolute; right: 0px;">button2</button>
<button style="float:center;">button3</button>
<button style="float:left;">button4</button>

（总是让 button1 比 button2 多 61px）