Question

提前感谢所有帮助和回复。我有一个固定的div浮动在屏幕的底部，并用作移动版网站的广告空间。可以在此处找到实时版本：http://www.catholiccourier.com/?mobileFormat=true。出于某种原因，当我尝试重新调整浏览器窗口大小时，固定div内的图像似乎没有正确收缩。如果我突然调整窗口大小，图像会缩小，但它不会像标题徽标那样调整大小。它似乎并没有保持中心。我试过保证金：0自动;和text-align：在外部div上居中，但它似乎不起作用。 div中有一些脚本标签以及noscript，我想知道它们是否是问题的原因。

您可以在实时网站上看到所有代码，但这里有一些代码的副本。

<div id="adSpace" align="center">
    <script language="javascript" src="http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&amp;Task=Get&amp;IFR=False&amp;Browser=NETSCAPE4&amp;PageID=9311&amp;SiteID=2&amp;Random=1375796513537"></script>
    <a href="http://catholiccourier.com/banman/a.aspx?Task=Click&amp;ZoneID=43&amp;CampaignID=265&amp;AdvertiserID=79&amp;BannerID=242&amp;SiteID=2&amp;RandomNumber=655331242&amp;Keywords=" target="_Blank" class="ui-link">
        <img src="http://catholiccourier.com/banman/ads/3/HOLY-SEP-REWORK_fix.gif" width="728" height="90" alt="Holy Sepulchre Cemetery 585-458-4110" align="Center" border="0">
    </a>
    <br>
    <noscript>
        &lt;a href="http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&amp;amp;Task=Click&amp;amp;Mode=HTML&amp;amp;SiteID=2&amp;amp;PageID=9311" target="_blank"&gt; &lt;img src="http://www.catholiccourier.com/banman/a.aspx?ZoneID=43&amp;amp;Task=Get&amp;amp;Mode=HTML&amp;amp;SiteID=2&amp;amp;PageID=9311" width="728" height="90" border="0" alt=""&gt;&lt;/a&gt; 
    </noscript>
</div>

请帮助，谢谢。

Answer 1

你可以使用position：absolute作为你的div

.ui-mobile #adSpace {
position: absolute;
bottom: 0;
background-color: #e6e6e6;
width: 100%;
height: auto;
max-height: 90px;
z-index: 9999;
text-align: center;
}

固定Div内的流体图像不会重新调整大小

1 个答案: