高度不延長

整版

html, body { 
    margin:0 0; 
    padding:0 0; 
    background:#444; 
    height:100%; 
} 

#page { 
    width: 900px; 
    margin: 0 0; 
    height:100%; 
    background: url(imgs/bk.png) repeat-y; 
}

的CSS，但它並沒有我的背景延伸到佈局的整體結束，只是顯示的#444444我的身體的背景顏色通過。

任何幫助表示讚賞。該網站位於http://www.benfolio.net/new/

編輯：解決我出去與中小企業的隊友，回來重新看待它，我做了固定它第一個變化，變化如下。
html, body { margin:0 0; padding:0 0; background:#444; }

#page { width: 900px; margin: 0 0; height:100%; background: url(imgs/bk.png) repeat-y; overflow:hidden; }

簡單地把 '高度：100％' 出來的HTML，主體部分，然後將其默認爲只是100％的頁面div中。感謝給予

來源

2010-09-05 ben

變化#page幫助下

#page { 
    position: absolute; 
    width: 900px; 
    margin-left: -450px; 
    left: 50%; 
    top: 0; 
    bottom: 0; 
    background: url(imgs/bk.png) repeat-y; 
}

來源

2010-09-05 09:33:05 Hubro

謝謝，但沒有運氣，只是居中頁面，但沒有添加背景到所需的高度 – ben 2010-09-05 14:08:24

給#page風格overflow: hidden。

來源

2010-09-05 09:33:09

不起作用，只是切斷了我的內容的其餘部分，頁面，無論如何都歡呼。 – ben 2010-09-05 09:57:26

@ben澄清一點，因爲在Firebug這裏肯定有效，因此將「overflow：visible」中的值翻轉爲「overflow：hidden」。 – 2010-09-05 10:20:37

@yi jiang，請訪問http://www.benfolio.net/new/yi/，獲取「溢出：隱藏」的意思。 – ben 2010-09-05 14:07:20

已解決：我與sme夥伴一起出去，回來重新看看它，第一次修改我修改了它，修改如下。

html, body { margin:0 0; padding:0 0; background:#444; }

#page { width: 900px; margin: 0 0; height:100%; background: url(imgs/bk.png) repeat-y; overflow:hidden; }

簡單地把 '高度：100％' 出來的HTML，主體部分，然後將其默認爲只是100％的頁面div中。感謝您給予的幫助

來源

2010-09-05 14:14:45 ben

回答

相關問題