我怎樣才能讓身體標記跨越100％的身高？

Question

出於某種原因，我的html身體不會跨越當前正在處理的頁面的整個高度。

我在這裏用盡了想法。如果有人可以看看我的代碼，那將非常棒。

對不起鏈接:(

香港專業教育學院已經嘗試過將100％的高度和最小高度，以HTML和body標籤，因爲大多數問題在這裏建議，它並沒有解決問題。

在此先感謝

Answer 1

你的問題在於與ID爲「內容」股利。它有相對的位置和一個很大的最高值分配給它。爲了使它更簡單，這兩個屬性導致你的問題：

#content { 
/*some properties here 
position: relative; 
top: 199px; 
} 

身體仍然跨越頁面的高度的100％。它的內容div被定位在相對位置，然後「推」到比其正常位置低199個像素。

取出頂級物業，你的身體標記將跨越頁面即100％刪除該屬性：

top:199px; 

從本質上說，你的CSS樣式應該是這樣的：

#content { 
    width: 940px; 
    height: auto; 
    min-height: 400px; 
    background-image: url('images/maincontentbg.png'); 
    background-repeat: repeat-y; 
    position: relative; 
    padding: 20px 10px 10px; 
} 

希望這有助於！

編輯：

你的CSS文件中也有這樣的：

body { 
#content { 
    width: 940px; 
    height: auto; 
    min-height: 400px; 
    background-image: url('images/maincontentbg.png'); 
    background-repeat: repeat-y; 
    position: relative; 
    padding: 20px 10px 10px; 
    top: 199px; 
    margin: 0; 
    padding: 0; 
    background-image: url(images/background.jpg); 
    background-repeat: no-repeat; 
} 

這是完全錯誤的。如果你想申請的CSS的身體和元件，其與ID爲「內容」，那麼你必須編寫CSS這樣：

body, #content { 
    width: 940px; 
    height: auto; 
    min-height: 400px; 
    background-image: url('images/maincontentbg.png'); 
    background-repeat: repeat-y; 
    position: relative; 
    padding: 20px 10px 10px; 
    top: 199px; 
    margin: 0; 
    padding: 0; 
    background-image: url(images/background.jpg); 
    background-repeat: no-repeat; 
} 

要推下來，你會作出保證金代替。像這樣：

margin: 199px 0px 0px; 

這會給你想要的效果，你正在尋找！

Answer 2

添加此規則，以你的CSS

HTML，身體{身高：100％;}

。

清潔你的CSS ...和保持學習