html - 适当的 css 和 div 布局

Question

我想实现一个外部 div 为 100% 宽度和高度的布局。在这个 div 中，我将动态添加更多的 div。我想编写一个分割外部 div 的 css 结构，以便每个 div 获得相同的空间。实际上我想用 div 元素创建一个动态网格。以下示例：

Answer 1

只有css是不可能的，但你可以用jquery做到这一点，只需计算div并根据div的数量设置它们的宽度

Answer 2

“Sowmia”的答案非常好，但有一件事：
你想细分 div 有 AUTO SIZE 并且解决方案你不能这样做。
我的解决方案正是 Sowmia 的答案，但有一些变化：

<style type="text/css" >
.main{width:100%;  height:100%;  background:#F5D0A9; overflow:auto}
.sub{width:auto;  
    height:auto;
    float:left;
    background:#8181F7;
    margin:4px;  
   border:solid 1px #2ECCFA}
</style>

和html：

<div class="main">
<div class="sub"></div>
    <div class="sub">this is div number 1</div>
    <div class="sub">this is div number 2</div>
    <div class="sub">if you have a big text this div is bigger than the other
    <br />
    even you can have a text with some height
        </div>
</div>

这是：
演示