7

我有一个<div>具有指定高度的容器,其中包含另外两个 DIV,用于不同的介绍性副本(由客户输入),另一个用于列出各种功能。

我希望这些功能<div>自动填充父项中的剩余空间,然后滚动溢出。

我怎么做?

CSS:

#article {
    width:940px;
    height:500px
}

#article-content {
    margin: 20px 0;
}

#article-features {
    height:100%;
    overflow-x: auto;
}

jsFiddle

4

1 回答 1

4

除了依靠 javascript 根据计算(parent_height - 兄弟高度)动态更改底部 div 的高度之外,没有其他方法可以使用 HTML4。

你可以看看这个:CSS HTML - DIV 高度填充剩余空间

使用 HTML5,您可以使用 Flexbox 来使用剩余空间。请注意,有一些限制,但它可以满足您的要求。请参阅http://caniuse.com/#feat=flexbox

于 2012-07-31T12:40:01.800 回答