如何使用动态数量的内部DIV创建响应式DIV

Question

我想创建一个可以延伸到整个可用空间的响应式DIV。在它内部，我想要一些内部DIV也可以伸展。

足够简单，但还有更多：

• 内部DIV的数量应该是可更改的。无论是否有4个或5个都不重要。
• 每个内部DIV应该具有相同的大小。即使它是空的。
• 我比JS更喜欢HTML / CSS，但不喜欢HTML5 / CSS3（我必须支持旧浏览器）。

我尝试过很多东西，但实际上并没有像我想的那样工作。提前感谢任何提示。

Answer 1

请检查：http://jsfiddle.net/g4dGz/777/

初始示例有2列，为了检查您的请求是否已满足，我添加了第3列。

我可以创建的地方：

<div id="wrapper">
   <div id="one">one one one one one one one one one one one one one one one one one one one one     one</div>
    <div id="two">two two two two two two</div>
    <div id="three">3</div>
</div>

使用CSS：

#wrapper {
    display: table;
    table-layout: fixed;

    width:90%;
    height:100px;
    background-color:Gray;
}
#wrapper div {
    display: table-cell;
    height:100px;
}

Answer 2

您有很多方法可以处理这项工作

使用Css：

Columnal

CSS3 Multiple Columns

使用JQuery：

Columnizer