CSS相对定位，不断变化

问题描述

| 所以基本上我有一个包含两个按钮的

<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>

.....

我以为我做错了，所以如果有人可以向我解释我如何才能实现我真正想要的？ 非常感谢，     

解决方法

给元素“ bodyArea”赋予相对位置，给“ button_menu”赋予绝对位置。 像这样：

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

您必须意识到，需要固定的要素必须位于\“ absolute \”，并且它们的位置相对于位于\“ relative \”的最接近的父级（默认为\“ body \”）。     ,您需要父div为

position: relative;

，子div为

position: absolute;

：

#bodyArea {
    position: relative;
}

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