2014-08-29 75 views
1

刪除頁面的底部邊緣,請參閱以下頁面:如何使用CSS

http://artezanatostudio.com/index.php

注意,在底部有頁腳低於底線的餘量。迄今爲止,我所有擺脫它的努力都失敗了。我試圖使用:

body, html { margin: 0; padding: 0; } 
#footer { margin: 0; padding: 0; } 

我甚至嘗試:

#footer { margin: -50px; } 

一切都無濟於事。

當頁面有很多CSS文件,我編輯試圖卸下底部空間這兩個重要的有以下幾種

site_above /包括/模板/ ZENN/CSS/style.css中

site_above /包括/模板/ ZENN/CSS /樣式ci.css

如果您能提供任何線索,幫助我,它會阻止我去大膽過早,你將有滿意的你幫助過的人生氣了。

在此先感謝。

+0

保證金來自您的.row div – GifCo 2014-08-29 14:27:36

回答

0

問題來自的樣式表是style-ci.css,並且speciifc規則位於.row div上。

刪除:

div.row{ 
    margin-bottom: 26px; 
} 

,並使其邊距:0像素;

注意:這是很容易弄清楚使用Chrome開發工具!

5
#footer > div.row { 
     margin-bottom: 0px; 
    } 
+0

7個答案,並且您是唯一正確回答問題的人。 – 2014-08-29 14:31:19

+0

有些人可能沒有注意到頭部會發生什麼,如果他們完全從'div.row'中刪除邊距,我猜^ _ ^ – 2014-08-29 14:41:51

0

試試這個:

div.row { 
font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif; 
color: #7f7f7f; 
margin-bottom: 0px; 
} 

他們這裏的關鍵是,margin-bottom改爲0px

你使用瀏覽器與體面的網絡督察?使用Chrome Web開發者控制檯,我可以在10秒內找到它。

0

詛咒會有更好的解決方案,但就目前而言,你可以嘗試:

#footer { 
    overflow: hidden; 
} 
0

裏面頁腳有帶班排一個di​​v。它有一個26px的margin-bottom。刪除此值並解決您的問題。

div.row { 
    font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif; 
    color: #7f7f7f; 
} 

您也可以將其設置爲零,但如果沒有必要,我建議您將其刪除。

0

請刪除margin-bottom: 26px;Style-ci。CSS(行號:86)

即改變你的div.row CSS如下

div.row { 
     font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif; 
     color: #7f7f7f; 
} 
0

在您<div class="row"><div id="footer">內刪除margin-bottom: 26px;

0

您可以自己看到這個很容易。

如果您在使用Mozilla Firefox/Chrome瀏覽器:

  1. 右鍵單擊您有問題與
  2. 的元素選擇最後一個選項 - 檢查元素(或類似的東西它)
  3. 開始將鼠標懸停在彈出的代碼中的元素上,查看是什麼使附加空間出現在那裏!

當你走線槽出現在右側的相關CSS樣式,你很快就會發現,其中一些追加保證金

這是在這種情況下,在元素div.row已經提到大家:

div.row { 
    font-family: MuseoSans-Reg,Verdana,Geneva,sans-serif; 
    color: #7F7F7F; 
    margin-bottom: 26px; 
} 

希望它有助於一點點!