按钮HTML上的按钮

Question

是否可以让按钮位于另一个按钮的顶部.. （不高于）

我想在按钮顶部有一个按钮，这样如果用户取消选中了一个checbox，那么顶部按钮就会消失。

Answer 1

您可以使用position:absolute使其高于另一个。然后根据更改事件显示并隐藏按钮。

＆＃13;

＆＃13;

function change(ele) {
  document.getElementById('btn2').style.display = ele.checked ? 'none' : 'inline'
}

＆＃13;

#div {
  position: relative
}
#btn2 {
  position: absolute;
  left: 0
}

＆＃13;

<input type="checkbox" id="check" onchange="change(this)" />

<div id="div">
  <button id="btn1">button1</button>
  <button id="btn2">button2</button>
</div>

＆＃13;

＆＃13;

＆＃13;