無法管理，以填補所有的屏幕與背景

Question

在低高度的網頁我有這樣的問題：

Here的頁面。

我試着設置了高度屬性的身體，沒有運氣：

body { 
    linear-gradient(#E2E2E2, #C8C8C8) repeat scroll 0 0 rgba(0, 0, 0, 0); 
    height: 100% 
} 

Answer 1

添加到您的CSS

html { 
    height: 100%; 
    min-height: 100%; 
} 

那應該將身體背景設置爲整頁高度。

Answer 2

嘗試將其應用於html選擇：

html { 
    linear-gradient(#E2E2E2, #C8C8C8) repeat scroll 0 0 rgba(0, 0, 0, 0); 
} 

Answer 3

你可以試試這個，

html, body { 
    linear-gradient(#E2E2E2, #C8C8C8) repeat scroll 0 0 rgba(0, 0, 0, 0); 
    height: 100%; 
    min-height: 100%; 
    padding:0; 
    margin:0; 
} 

Answer 4

你可以這樣做：html {background:#c8c8c8;} 或

html { 
height:100%; 
} 
body { 
min-height:100%; 
margin:0; 
background:linear-gradient(to bottom,#e2e2e2,#c8c8c8); 
}