基礎頁腳不是整頁寬度

我已經創建了一個使用Foundation 5的網站，並且遇到了一些頁面頁腳沒有填充頁面寬度的問題。其他頁面正常工作，頁腳完美填充頁面。任何幫助，將不勝感激。基礎頁腳不是整頁寬度

這是我遇到問題的頁面之一的頁腳。

<footer class="footer"> 
    <div class="row"> 
     <div class="small-12 medium-6 large-5 columns"> 
     <div class="logo"> 
      <a href="index.html"><img src="img/logo.png" /></a> 
     </div> 
     <p class="footer-links"> 
      <a href="index.html">Home</a> 
      <a href="aboutus.html">About</a> 
      <a href="staff.html">Staff</a> 
      <a href="comingsoon.html">Online Giving</a> 
      <a href="http://vimeo.com/firstag">Sermon Videos</a> 
      <a href="contactus.html">Contact</a> 
     </p> 
     <p class="copywrite">Copywrite © 2015 First Assembly of God, Lincolnton</p> 
     </div> 
     <div class="small-12 medium-6 large-4 columns"> 
     <ul class="contact"> 
      <li> 
       <p><i class="fi-marker"></i>328 May Avenue<br>P.O. Box 457<br>Lincolnton, Georgia 30817</p> 
      </li> 
      <li> 
       <p><i class="fi-telephone"></i>Phone | 706-359-7237<br>FAX | 706-359-6638</p> 
      </li> 
      <li> 
       <p><i class="fi-mail"></i>[email protected]</p> 
      </li> 
     </ul> 
     </div> 
     <div class="small-12 medium-12 large-3 columns"> 
     <p class="about">CONNECT WITH US</p> 
     <p class="about subheader">Please visit our social media accounts to keep up with current events.</p> 
     <ul class="inline-list social"> 
      <a href="http://twowhoagree.blogspot.com/"><i class="fi-social-blogger"></i></a> 
      <a href="http://vimeo.com/firstag"><i class="fi-social-vimeo"></i></a> 
      <a href="https://twitter.com/FirstAGofLC"><i class="fi-social-twitter"></i></a> 
      <a href="https://www.facebook.com/pages/First-Assembly-of-God-Lincolnton/169771389824660"><i class="fi-social-facebook"></i></a> 
     </ul> 
     </div> 
    </div> 
</footer>

來源

2015-11-13 Ben Hand

創建的CSS一的jsfiddle。不知道你的CSS代碼，很難理解這個問題。 – Sree

如果您不向我們展示圖片或給我們一個小提琴，我們如何判斷它是否關閉1px或100px？你的問題具體是什麼？ –

如果你只有約16px;我會說設置'body {margin：0px;}'但我們現在可以猜測。 –

添加這個類有全寬行：

.full-width { 
    width: 100%; 
    margin-left: auto; 
    margin-right: auto; 
    max-width: initial; 
}

然後合併footer與第一div並添加類full-width：

老

<footer class="footer"> 
    <div class="row"> 

    [...] 

    </div> 
</footer>

新

<footer class="row footer full-width"> 

[...] 

</footer>

工作例如：CodePen link

來源

2015-11-16 09:27:05

基礎頁腳不是整頁寬度

回答

相關問題