Propper css和div布局

Question

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

Answer 1

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

Answer 2

“Sowmia”的答案是如此之好但只有一件事：
你想sub 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>

这是：
DEMO