如何讓div有所需的高度？

Question

我想讓div填滿頁面，但它似乎只與我放入它的內容一樣長。這是我的css代碼：

.myDiv 
{ 
    height: 30%; 
} 

我能做些什麼來使它成爲高度，無論div是空的還是有一些內容？ （內容不會超過我在此設置的高度）。

Answer 1

您正在使用百分比，因此div的高度直接取決於其父項。確保父母有一個身高。如果直接父是身體則：

body{ 
    height:100%; 
} 

如果您知道DIV你想你的確切高度，你應該使用像素像height:300px;

Answer 2

你可以做這樣的事情。 （我知道你並沒有問jQuery的...但它是另一種選擇）

var height = $(document).height(); 
$('#myDiv').css('height', height); 

http://jsfiddle.net/jasongennaro/pNHzE/1/