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

你必须意识到需要修复shud的元素定位为“绝对”，并且它们的位置相对于位于“relative”的最近父元素（默认为“body”）。

Answer 2

您需要将父div设为position: relative;，将子div设为position: absolute;：

#bodyArea {
    position: relative;
}

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

CSS相对定位，不断变化

2 个答案: