在我的网页中,我的标题有一个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中保持正确的位置。我怎样才能做到这一点?提前致谢。
答案 0 :(得分:2)
添加:
#headbar {
position:relative;
}
答案 1 :(得分:1)
您已将登录按钮定位为“绝对”,而您希望它相对于标题栏(即绝对定位相对到标题栏)。此外,您的登录按钮似乎位于标题栏的右侧,判断大小和位置。因此,您也可以删除position: absolute
并应用
float: right;
和一些保证金,比如说
margin-top: 20px;
margin-right: 20px;
将它固定在您想要的位置。