html - 元素仅扩展 100% 的视口(viewport)，而不是父元素

Question

我正在尝试为 SMF 论坛软件制作一个包含 2 列的响应式主题。我想在右侧放置一列，将其父项的高度扩展 100%。

我现在的问题是我的 float 侧边栏只扩展到视口(viewport)的高度，而不是父元素。我有办法做到这一点吗？

我有 100% 的 html、主体高度、父级高度和侧边栏高度。但是，它只会扩展到视口(viewport)，而不是父元素。

实例: http://xarcms.com/index.php?theme=3

Answer 1

另一种解决方案:

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

#wrapper{
    position: relative;
}

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