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圣杯 - 这是文章： http://www.alistapart.com/articles/holygrail/

也许是绝对div中的嵌套div？

1 个答案: