絕對定位的廣告橫幅沒有標題圖像重疊

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的屬性 「最小寬度：958」，並保持100％的寬度。通過這種方式，該頁面對於徽標和廣告而言都將足夠寬。