如何将一个按钮放在两个不同的div中，另一个按钮放在左边

<div id="div1" style="position: relative; width: 50%; float: left;"></div>
<div id="div2" style="position: relative; width: 50%; float: left;"></div>

<div id="div1" style="position: relative; width: 50%; float: left;">
  <button id="button1" style="position: absolute; left: 50%; transform: translateX(-50%);">按钮1</button>
</div>

<div id="div2" style="position: relative; width: 50%; float: left;">
  <button id="button2" style="position: absolute; left: 0;">按钮2</button>
</div>