上述代码中，flex布局不兼容ie，请换一种写法

如果要在IE浏览器上实现两个按钮水平布局，可以使用以下HTML和CSS代码：

<div class="button-container">
  <div class="button-wrapper">
    <button>Button 1</button>
  </div>
  <div class="button-wrapper">
    <button>Button 2</button>
  </div>
</div>

.button-container {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.button-wrapper {
  display: table-cell;
  width: 50%;
  text-align: center;
}

.button-wrapper:first-child {
  text-align: right;
}

.button-wrapper:last-child {
  text-align: left;
}

在上述代码中，我们使用了一个包含两个按钮的容器，并将其设置为表格布局。我们还使用了`table-layout: fixed`属性，确保两个按钮占满一行。为了将两个按钮置于容器的两端，我们将每个按钮包装在一个`button-wrapper`元素中，并使用`display: table-cell`属性将其设置为表格单元格。我们还使用`text-align`属性将第一个`button-wrapper`元素中的按钮靠右，将第二个`button-wrapper`元素中的按钮靠左。最后，我们将每个`button-wrapper`元素的宽度设置为`50%`，以确保两个按钮均匀分布，并占满一行。