使 div 高度适合内容高度 IE<=7

发布于 2024-12-01 05:18:02 字数 1060 浏览 2 评论 0 原文

我需要将右栏的高度调整到其父 div 的高度。父级的 div 高度取决于其他 div 内容。我读了这个帖子 4793540 并发现它对 Firefox 和IE>=8 但旧版本的 IE 使我的栏消失了。你能帮我解决这个吗？

HTML

<div id="body">
<div id="content"></div>
<div id="bar"></div>
<div id="trick"></div>
</div>

CSS

#body {
    padding:10px;
    padding-bottom:60px;
    width:960px;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
}
#bar {
    width: 100px;
    float:right;
    position: absolute;
    top:0;
    left: 870px;
    bottom:0;
    overflow: hidden;
    padding: 10px 0;
}
#body, #bar {
    min-height: 250px;
    height: auto !important;
    height: 250px;
}
#content {
    width:850px;
    float:left;
}
#trick {
    width:960px;
    height:20px;
    clear: both;
}

在线站点是 http://jazg.net/naiset/

原文

I need to fit the height of my right bar to the height of its parent div. The parent's div height depends on other div content. I read this thread 4793540 and found it useful for firefox and IE>=8 but older versions of IE make my bar dissapear. Can you help me whith this?

HTML

<div id="body">
<div id="content"></div>
<div id="bar"></div>
<div id="trick"></div>
</div>

CSS

#body {
    padding:10px;
    padding-bottom:60px;
    width:960px;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
}
#bar {
    width: 100px;
    float:right;
    position: absolute;
    top:0;
    left: 870px;
    bottom:0;
    overflow: hidden;
    padding: 10px 0;
}
#body, #bar {
    min-height: 250px;
    height: auto !important;
    height: 250px;
}
#content {
    width:850px;
    float:left;
}
#trick {
    width:960px;
    height:20px;
    clear: both;
}

The site online is http://jazg.net/naiset/