我正在使用旧的vBulletin消息论坛的网站上工作。当前设置在大多数情况下工作正常,但是,当我在移动设备中打开论坛时,我看到广告横幅(728x90)与徽标图像重叠,看起来很糟糕。在查看横幅css定位时会更加混乱,因为顶部和右部适合布局其余部分的需要。
我的基本问题是如何重做这个,以便横幅不会与徽标图像重叠,同时仍然保持必要的偏移以适应布局的其余部分?
#container{
width: 100%;
height: 100px;
}
#logo{
width:230px;
height: 63px;
}
#advertisement{
height: 90px;
width: 728px;
position: absolute;
right:10px;
top: 7.5px;
}
<div id="container">
<div id="logo"><a href="index.php"><img src="logo.jpg" border="0" alt="Whatever" /></a></div>
<div id="advertisement"></div>
</div>
**不是我的CSS或HTML
答案 0 :(得分:0)
我会给#container属性“min-width:958”,并保持100%的宽度。 这样,页面对于徽标和广告都将足够宽。