CSS：WP Twenty Fourteen上的全高容器

Question

我之前没有任何关于全高容器的问题，至少我记得是这样。但是，最近我在定制Wordpress附带的二十四个主题方面遇到了问题。

我在这里要做的是将右侧栏高度设置为与内容div相同。

我尝试将父div和侧边栏div的高度设置为100％，但它什么也没做。

该网站是：http://www.poke.ge

请帮忙， 提前致谢

Answer 1

一个简单的解决方法是让你的“#main”元素相对定位，你的“#secondary”元素绝对定位为“height：100％;”。

#main {
    position: relative;
}
#secondary {
    height: 100%;
    position: absolute;
    right: 0;
}

但请记住“#secondary”的填充将增加其高度。解决方案可能是为其分配“box-sizing：border-box”属性。