伸展浮动的孩子到父母的100%高度?

时间:2011-11-15 17:24:27

标签: html css

这只能使用CSS吗?我无法在任何地方找到明确的答案!

这是一个左右导航栏,我想伸展到100%的高度;即页面的结尾。浮动的容器中有三个浮动的柱子,它们伸展100%的高度,我只是无法让孩子伸展......

http://www.dev.inside-guides.co.uk/brentwood/pages/links.html

提前感谢您的回复。

2 个答案:

答案 0 :(得分:0)

之前我遇到过这个问题。 尝试添加:

html{
 height:100%;
}

确保父div具有设定高度,div本身也是高度:100%;

如果您有任何问题请告诉我:)。

答案 1 :(得分:0)

如果您将其父div容器位置设置为relative,可以这样做,如下所示

#container {
    position: relative;
}

然后将您想要的div设置为100%并将绝对位置设置如下

#inner {
    height: 100%;
    position: absolute;
}

这就是我的表现,希望我没有错过任何事情:)