Question

在我的网页中，我的标题有一个div。

 <div id="top-bar">
      <div id="headbar">
            <img src="images/headbar.jpg" border="0" alt="">
         <div id="loginbtn"><img src="images/loginbtn.png" border="0" alt=""></div>
        </div>
</div>

css就是这样：

 body 
 { 
margin:0; 
padding:0 
 }

  # headbar 
 { 
background:#A4DF00;
width: 1019px;
height: 185px;
text-align:center;
margin:0 auto;
 }

 # top-bar
 {
background:#AFDF04;
height: 187px;
 }

 # loginbtn
{
width: 160px;
hight: 69px;
position: absolute;
top: 20px;
left: 830px;
}

当用户增加资源管理器大小时，我希望我的标题位于中间位置。多数民众赞成工作。使用此css登录按钮的位置是固定的。我想在标题div中的按钮中修复登录位置。当用户增加资源管理器大小并且标题保持在中心位置时，登录按钮也应该在标题div中保持正确的位置。我怎样才能做到这一点？提前致谢。

Answer 1

添加：

#headbar {
    position:relative;
}

Answer 2

您已将登录按钮定位为“绝对”，而您希望它相对于标题栏（即绝对定位相对到标题栏）。此外，您的登录按钮似乎位于标题栏的右侧，判断大小和位置。因此，您也可以删除position: absolute并应用

float: right;

和一些保证金，比如说

margin-top: 20px;
margin-right: 20px;

将它固定在您想要的位置。

我怎样才能将子div放在父div的固定位置上，当我改变父母的位置时，孩子应该自动移动？

2 个答案: