CSS 相对定位，不断变化

Question

所以基本上我有一个 <div>其中包含两个按钮。我想将这些按钮(div)定位在页面中另一个 .

我并没有真正考虑太多，而是使用相对设置定位并将其定位在我想要的位置。然而，每当我几天后回来查看它时，它又放错了位置，我没有更改 CSS。

所以这是我的 div CSS:

#button_menu {
position: relative; 
top: 263px; 
left: 710px;  
width: 250px; 
}

基本上我希望它始终位于特定 div“bodyArea”内的相同位置

<div id="bodyArea">

<div id="button_menu">
<input type="button" class="smallbutton" id="add" value="add"/>
<input type="button" class="smallbutton" id="remove" value="remove"/>
</div>

.....

我假设我做错了，所以如果有人能向我解释我如何才能实现我真正想要的东西？

非常感谢，

Answer 1

为元素“bodyArea”提供相对定位，为“button_menu”提供绝对位置。

像这样去做:

#bodyArea {position: relative; width: 250px;}
#button_menu {position: absolute; left: 100px; top: 100px;}

您必须意识到需要固定的元素应该定位为“绝对”，并且它们的位置是相对于定位为“相对”的最近父级(默认为“body”)。