css - 也许在绝对 div 中嵌套 div？

Question

我之前问过一个类似的问题，我们得出的结论是这个 CSS 解决方案是最接近的，但它不是雪茄。如果可以，请提供帮助!

我需要两个 div(#post_content 和 #sidebar)来匹配高度。我正试图为此找到一个 CSS 解决方法。

定位它绝对可以完成工作，但当帖子内容比侧边栏的内容短时，一些内容会被截断。 是否有 CSS 解决方案(可能在#sidebar 中添加另一个 div)，它允许我绝对定位 #sidebar 同时始终显示其所有内容？

注意:重要的是#sidebar 的背景和边框延伸与#post_content 相同的高度

注意:#sidebar 和#post_content 被包裹在#container 中

边栏内容被截断的页面示例(#post_content 比#sidebar 短):http://themeforward.com/demo2/2011/07/08/link/

关注的 CSS:

#sidebar {
    float: right;
    width: 410px;
    overflow:hidden;
    position:absolute;
    clear:both;
    border-left:1px solid #000;
    background:#AAA;
    top:0;
    right:0;
    bottom:0
}
#post_content {
    clear: both;
    display: block;
    float: left;
    position:relative;
    overflow: hidden;
    width: 660px
}

不是必需的...但可以使用

#container {
    width: 1126px;
    clear: both;
    overflow:hidden;
    position:relative;
    margin:35px auto
}

Answer 1

这是 CSS chalice - 这是文章: http://www.alistapart.com/articles/holygrail/