元素仅扩展100%的视口,而不是父节点

时间:2012-12-05 03:58:51

标签: html5 css3 responsive-design

我正在尝试为SMF论坛软件制作一个2列响应主题。我想在右边贴一个专栏,它会扩展100%父母的高度。

现在我的问题是我的浮动侧边栏只扩展到视口的高度,而不是父元素。我有办法实现这个目标吗?

我有100%的html,身高,父高和侧边栏高度。但是,它仅扩展到视口,而不是父元素。

直播示例: http://xarcms.com/index.php?theme=3

1 个答案:

答案 0 :(得分:2)

另一种解决方案:

html{
    min-height: 100%; //insted of height
}

#wrapper{
    position: relative;
}

#side-section{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 20%;
}