頁腳CSS定位

-2

我已經看到無處不在，我似乎無法找到答案 - 顯然我做錯了什麼。這裏是我的頁腳CSS：頁腳CSS定位

#footer { 
    position: fixed; 
    bottom: 0px; 
    left: 0px; 
    margin: 0px; 
    width: 100%; 
    height: 60px; 
    padding-top : 10px; 
    background-image:url(../images/bottom_bg.jpg); 
    background-repeat:repeat; 
    text-align:center; 
    border-top: 5px solid #000; 
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    color:#FFCC66; 
}

www.bevwebdev.com/examples.php

你到底我做錯了什麼？我試過z-index，設置高度只適用於表格，位置：絕對只是將它粘貼在我的短頁面中間 - 這真是頭疼！

來源

2013-03-26 Beverly Lodge

你能澄清你需要幫助嗎？頁腳似乎找到了我 - 順便說一句，你的鏈接是缺少.com – mwielbut 2013-03-26 04:44:21

它看起來很好.... – btevfik 2013-03-26 04:46:47

頁腳怎麼樣你不想要？ – codedude 2013-03-26 04:47:22

問題是當您向下滾動頁腳時，頁腳會遮蓋主容器的底部。解決方法是向container div添加底部邊距。

#container { 
    margin-bottom: 100px; 
}

這使100px的空白低於div，所以，當在頁面的最底部，所有的文本仍然顯示。

來源

2013-03-26 04:48:51 sachleen

如果你總是希望頁腳低於一切，你應該使用position: relative

如果你總是希望頁腳固定到瀏覽器的底部，你應該使用position: fixed

如果你總是希望頁腳從另一個元素或頁面的頂部有一定的距離，如果你想在頁面的底部不頁腳下隱藏添加這個CSS，你應該使用position: absolute

來源

2013-03-26 04:49:21 mwielbut

：

body { 
    padding-bottom:100px; 
}

或者某些適合您的號碼。這會將主體內容提升一點，以便您可以看到它。

來源

2013-03-26 04:51:34 codedude

回答

相關問題