I'm trying to achieve the possiblity to have an infinite amount of divs next to each other, but I just don't have an idea at all.

The container div has got a fixed width like this: 

```
#container {
    width: 800px;
}

```

Now, the html could look like this

```
<div id="container">
    <div class="div"></div>
    <div class="div"></div>
    <div class="div"></div>
    etc etc etc
</div>

```

How can I achieve this functionability with the use of jQuery if it isn't possible with pure CSS?

I forgot to tell the behaviour of the divs. When there are 2 divs, they should both take 50%, if there are 4, they should take 25%. That's the expected behaviour.