Html 页脚随着大屏幕移动

我的页脚有问题

它在普通屏幕尺寸、平板电脑和手机上看起来很棒，但对于屏幕/分辨率更大的人来说，页脚会一直向左移动

在此处查看大屏幕的屏幕截图：

这是实际的页面URL：

我需要页脚与顶部的experience BKD徽标保持一致。这是一个正常大小的屏幕上，我希望它是全面的：

以下是页脚的编码：

   <div id="footer3">

   <div id="footer3-contents">
   <div class="span-6">
   <a href="https://www.facebook.com/BKDcpasandadvisors?ref=ts"><img width="23" height="25 alt="BKD Facebook" src="/images/icons/social-media/facebook-icon.png"></a>
   <a href="https://www.linkedin.com/company/bkd-cpas-&-advisors?trk=biz-companies-cym"><img width="25" height="25" alt="BKD LinkedIn" src="/images/icons/social-media/linkedin-icon.png" id="icons"></a>
   <a href="https://twitter.com/bkdllp"><img width="25" height="25" alt="BKD Twitter" src="/images/icons/social-media/twitter-icon.png" id="icons"></a>

   <a href="https://www.youtube.com/user/experienceBKD"><img width="25" height="25" alt="BKD Youtube"src="/images/icons/social-media/youtube-icon.png" id="icons"></a>
  <a href="https://plus.google.com/+BkdCPAsandadvisors/posts"><img width="25" height="25" alt="BKD Google Plus" src="/images/icons/social-media/google-icon.png"></a>



   </div>
   <div id="footer-legal" class="span-18 last">

   <ul>
   <li><a href="/contact-us/">Contact Us</a></li>
   <li><a href="/about-us/terms-of-use.htm">Terms of Use</a></li>
   <li> <a href="/about-us/privacy-policy.htm">Privacy Policy</a></li>
   <li> <a href="/about-us/disclosures.htm">Disclosures</a></li>
   <li> <a href="http://ultipro.bkd.com/">UltiPro</a></li>
   <li style="color:#fff">Copyright © 2014 BKD, LLP.</li>


   </ul>
   <a href="/about-us/praxity/"><img src="/images/praxity-white.png" width="101" height="47"></a>
   </div><div class="clear"></div>
   <div class="clear"></div></div></div><!--end footer -->




   </body>
   </html>

提前感谢您的帮助

#footer3-contents {
    margin: 0 auto;
    width: 1000px;
}

将#footer3内容更改为上述内容，它将起作用

发生此问题的原因是，您所做的一切都是在原始代码中将页脚压到95像素以上。您需要做的是为页脚内容设置定义的宽度，然后将每侧的边距设置为相等

---

如果两边的边距相等，则div将显示在网页的中心。

以%而不是px提供边距值。

这不是页脚，而是页脚内容。调整#footer3内容{边距：10px；宽度：自动；左侧填充：95px；}直到您对结果满意为止

#footer3-contents {
    margin: 0 auto;
    width: 1000px;
}