css - 没有标题图像重叠的广告横幅的绝对定位

Question

我正在使用较旧的 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

Answer 1

我会给#container 属性“min-width: 958”，并保持 100% 的宽度。这样，页面将始终足够宽以容纳徽标和广告。