頁腳調整

-1

消失時，我試圖讓一個響應式設計，但是當我調整其大小，越來越亂..我的CSS代碼，直到第15行，另一個是菜單CSS Click here for code 頁腳調整

所以我的代碼只是：

html,body { 
    margin: 0; 
    height:100%; 
} 

main { 
    margin:0; 
    height: 85%; 
} 

body > footer { 
    overflow: hidden; 
    text-align:center; 
    background-color:#dedede 
}

來源

2013-07-19 biox

您能否定義「凌亂」，我們需要了解發生了什麼，然後才能修復它。 – lewisjb

我的標題定義了「凌亂」，我的意思是頁腳消失而不是調整大小 – biox

我不希望導航欄出現，我希望它調整到任何屏幕大小 – biox

這是jsFiddle：http://jsfiddle.net/shaansingh/kac8p/6/。我清理了一下你的頁腳代碼（你可以離開那裏）。我製作了一個課程，並將其包裝在<div>中。然後，我給了頁腳上邊緣。這使得頁腳在調整大小時不會「搞砸」。繼續看看全尺寸小提琴和調整您的瀏覽器，看看結果：http://jsfiddle.net/shaansingh/kac8p/6/embedded/result/

編輯：我有你想要的解決方案。該小提琴在屏幕底部一直顯示頁腳，位於瀏覽器的滾動條下方。我利用了這個CSS的寬度，高度和清晰度。 http://jsfiddle.net/shaansingh/kac8p/13/embedded/result/

來源

2013-07-19 23:34:43

但頁腳不在底部，它的中間 – biox

這裏有一個解決方案的更新小提琴。它設置'margin：auto;'。這允許頁腳根據內容的數量自動下推。它仍然是敏感的，但。看看：http://jsfiddle.net/shaansingh/kac8p/7/embedded/result/ –

這不完全是我所需要的，但我認爲它從我試圖做的更好 – biox

回答

相關問題