在我的页面中,左上方的图像logo2.jpg向右移动,我希望它位于相同的菜单下方。我怎么能这样做?
页面在这里,如果它有帮助:
#logo {
margin:0 auto; width: 975px; position:relative;
}
#top {
position:relative; top:0px; left:0px; width:100%; height:95px;background:url("vocab_dosyalar/back2.jpg") top repeat-x;
}
#logoicerik {
position:absolute; top:2px;
}
#logoicerik2 {
position:absolute; top:2px; left:357px;
}
<div id="top">
<div id="logo" >
<div id="logoicerik"><img src="vocab_dosyalar/logo2.jpg" alt="easylang" style="border:0px;"/></div>
<div id="logoicerik2"><img src="vocab_dosyalar/slogan.jpg" alt="the easiest way to learn english"/></div>
<div class="header-info" style=" margin-right:1px; margin-top:15px" ></div>
</div>
</div>
答案 0 :(得分:0)
您的container
班级有width: 960px
,但您的包装(原文如此)班级有width: 990px
所以你需要确保它们都具有相同的宽度:我建议通过改变容器的宽度来制作两个990px
.container {
WIDTH: 990px;
}