強制垂直div到滿容器高度

我知道在不使用客戶端腳本的情況下獲得全屏幕高度div是不穩定的，但是如果這樣：假設我的div高到足以達到底部，我該如何使它達到非常頂部和底部，頂部和底部沒有多餘的空間？我已經嘗試添加0px的頂部和底部邊距（甚至填充），但似乎不起作用。強制垂直div到滿容器高度

#container { 
    height: 1000px; 
    width: 800px; 
    margin: 0 auto; 
    padding-left: 10px; 
    padding-right: 10px; 
    overflow: hidden; 
    background-color: #FFF; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 1); 
}

來源

2013-06-11 rainydaymatt

您可以使用絕對定位。設置「top：0」和「bottom：0」。你也可以使用'height：100％'，但是你也需要在所有父元素上設置它，包括'html'元素。 – crush

你需要使HTML和身體100％高：'html，body {height：100％;}' – gaynorvader

查看我的答案！ –

試試這個：

html, body { 
    height: 100%; 
} 

#container { 
    height: 100%; 
    width: 800px; 
    margin: 0 auto; 
    padding-left: 10px; 
    padding-right: 10px; 
    overflow: hidden; 
    background-color: #FFF; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 1); 
}

來源

2013-06-11 15:12:43

變化height: 1000px;到height: 100%;

來源

2013-06-11 15:12:15

只有在所有父元素都設置了'height：100％'的情況下，纔會有效。 – crush

是的。我只是假設OP會有。我的錯！ – 2013-06-11 15:14:26

強制垂直div到滿容器高度

回答

相關問題