添加另一個圖像後的額外間隙

Question

這是在添加頁腳文本之前。頁腳圖像在頁面底部很好地放置。

這是我後添加頁腳文本。

我找不到在頁面底部導致神祕的額外空白的問題。忽略黑色邊框 - 我用它來檢查頁腳文本圖像的邊距。

CSS：

* { 
    margin: 0; 
    padding:0; 
} 



body { 
    background-image: url('images/BG-W1.png'); 
} 
#container{ 
    max-width:1000px; 
    margin: 0 auto; 
    position: relative; 
    padding: 0 auto; 
    height: 790px; 
    border: 2px solid blue; 

} 

#footerBg { 
    position: relative; 
    bottom:-63px; 
    left:-50px; 
} 

#footerBg img { 
    display: block; 
} 

#footertex { 
    position: relative; 
    top:-110px; 

    border:2px solid black; 

} 
footer { 
    height: 50px; 
} 

#footertex img { 
    display: block; 
} 

HTML：

<footer> 
      <figure id="footerBg"> 
       <img src="images/BG_F_S3.png" alt="Footer Background" width="" height="" /> 

      </figure> 

     <<figure id="footertex">  
        <img src="images/ft1.png" usemap="#green" border="0" /> 

        <map name="green"> 

        <area shape="rect" coords="513,56,625,106" href="http://www.google.com" /> 
        <area shape="rect" coords="725,58,874,108" href="http://www.google.com" /> 

        </map> 
     </figure> 

     </footer> 

Answer 1

您可以發佈您的HTML & CSS代碼？想到一個快速解決方案將是div#footer { box-sizing: border-box; }，但顯示你已經擁有的將有希望讓你更好的答案。