奇怪的「粘腳」問題

Question

基於this article想讓我的項目粘腳。請看一看at this link.

我不明白爲什麼我得到垂直滾動條，爲什麼#page DIV進入下#footer

Answer 1

試試這個：

z-index: 2; 

...上#footer的。

此外，世界上還有什麼是margin-top：-32767px;應該做的！？

Answer 2

你的頁腳有一個1px的邊框;你的容器有1px邊框;你的導航欄有一個邊緣...所有這些影響垂直高度，所以整體高度被推到100％以上=>垂直滾動條。

當你設置你的填充/邊距以補償額外像素時，你需要考慮到這一點。此外，您正在給頁腳元素填充/頁邊距。你應該做的是使用頁腳元素作爲包裝，然後用適當的填充/邊距在其中創建一個元素。

這裏是你如何使它工作...

1變化#nav樣式來填充：padding: 10px 0 0 0;

2得到你#container

3改變您的頁腳這種擺脫1px的邊界...

<div id="footer"> 
    <div id="footer-content"> 
    © 2012 Code Arts 
    </div> 
</div> 

4改變您的頁腳CSS來此：

#footer { 
    border-top: 1px solid #C9E0ED; 
    height: 53px; /* 20px padding-top + 20px padding-bottom + 13px line-height */ 
    margin-top: -54px; /* height + 1px border-top */ 
    position: relative; 
    clear: both; 
} 
#footer-content { 
    font-size: 13px; 
    line-height: 13px; 
    text-align: center; 
}