Javascript HTML按钮在选项卡单击后立即浮动

我可以让我的按钮与我的文本区域对齐（对齐到右下角），在我单击选项卡之前，它看起来很好。单击选项卡后，按钮会一直向右移动。我怀疑这与我单击选项卡时的显示选项有关。在选项卡上单击我正在显示

div inline

，如下所示：

document.getElementById(sectionName).style.display = "inline";

当我再次刷新页面时，默认的显示选项似乎工作正常

我曾尝试使用不同的显示选项（例如，

块

），但当我单击选项卡时，它们仍然会向右移动

如何防止按钮在单击选项卡时移动

index.html：

<div id="verify" class="tabcontent statusAreaDiv">
  <span class="statusTextAreaLabel">Status:</span>
    <textarea class="statusTextArea" readonly></textarea>
      <span class="buttonForTextArea">
        <button class="button" id="btn1">Verify</button>
        <button class="button" id="btn2">Download</button>
      </span>
</div>
...
...
<script>
function showTab(event, sectionName) {
    var tabContents = document.getElementsByClassName('tabcontent');
    for (var i = 0; i < tabContents.length; i++) { 
        tabContents[i].style.display = 'none';
        console.log("The table contents is: " + tabContents[i]);
    }
    var tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
        console.log("tablinks class is: " + tablinks[i]);
    }

    document.getElementById(sectionName).style.display = "inline";
    event.currentTarget.className += " active";
}
</script>

---

试试这个，你在找这个吗

*{框大小：边框框；字体系列：无衬线；边距：0；填充：0；}
文本区，按钮{
显示：内联块；
利润率：20px0；
位置：相对位置；
垂直对齐：中间对齐；
}
文本区{
左：计算（50%-150px）；
宽度：300px；
}
钮扣{
左：计算（50%-135px）；
}

---

按钮

在加载位置周围添加一个div包装占位符me@Arex单击选项卡后，它可以正常工作吗？对于我来说，在第一页刷新时它可以正常工作，但是在我单击选项卡并调用

document.getElementById（sectionName.style.display=“inline”

以显示

div

之后，按钮就会一直浮动到屏幕右侧。@No-Spex我有一个div包装占位符

我需要在上面再加一个吗？这个问题是当我点击一个选项卡时，按钮会一直向右浮动。我当前的设置正在进行页面刷新。我需要在单击选项卡之后以及当它调用
document.getElementById（sectionName）.style.display=“inline”
时保留这些按钮。我在那里添加了css。
.statusAreaDiv {
    min-width: 490px;
    position: relative;
    display: inline-block;
}

.statusTextArea{
    position: relative;
    width: 800px;
    border: 2px solid #dddddd;
    border-radius: 10px;
    height: 500px;
    overflow-y: scroll;
    font-size:13px;
    font-family:Verdana, Geneva, sans-serif;
    background-color: light grey;
}

.statusAreaDiv span.statusTextAreaLabel{
    padding-top: 2em;
    font-family: verdana;
    display: block;
    text-align: left;
    font-size:13px;
}

.statusAreaDiv span.buttonForTextArea{
    display: block;
    text-align: right;
}

.button {
  padding: 5px 15px;
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #368DEE;
  border: none;
  border-radius: 8px;
  box-shadow: 0 5px #999;
}