我有两个按钮，但它们并排显示。我想让他们彼此重叠。
<div id="top">
<div>
<label for="entityDropDown">Entity: </label>
<select id="entityDropDown"></select>
<div id="removeEntity"><a>✖</a></div>
</div>
<br><br>
<div id="entityStatus">
<div>
<label for="entityAvailable">Entity Available</label>
<select id="entityAvailable" multiple=""></select>
</div>
<div id="moveButtons">
<button type="button">Add User</button>
<button type="button">Remove</button>
</div>
<div>
<label for="entityAssigned">Entity Assigned</label>
<select id="entityAssigned" multiple=""></select>
</div>
</div>
<br style="clear:both;">
</div>
将它们分组在一个将他们设置inline-block盒子中，然后display为block。在您的JSFiddle中，它们已经在inline-block容器中，因此您无需再次指定它。
在代码中：
#moveButtons button{
display: block;
}
然后，您可以使用属性将框垂直对齐vertical-align，例如，尝试以下操作：
#entityStatus div {
vertical-align: middle;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句