如何使div具有所需的高度,无论如何?

时间:2011-06-28 12:52:13

标签: css

我正在尝试填充div填充页面,但它似乎只与我放入的内容一样长。这是我的css代码:

.myDiv
{
    height:  30%;
}

无论div是空的还是有一些内容,我能做些什么来使它成为高度? (内容不会超出我在此处设置的高度。)

2 个答案:

答案 0 :(得分:3)

您正在使用百分比,因此div的高度直接取决于其父级。确保父级有一个高度。如果直接父母是身体,那么:

body{
   height:100%;
}

如果您知道div的确切高度,则应使用像height:300px;这样的像素

答案 1 :(得分:1)

你可以这样做。 (我知道你没有问过jQuery ......但这是另一种选择)

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

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