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”属性。