[CSS][HTML]Automatyczna dynamiczna szerokość Opcje

[ponciusz]

Witam!
Opis problemu:
powiedzmy że mam diva w którym znajdują się inne divy. main ma szerokość 800px divy wewnętrzne sa generowane automatycznie w zależności od ilosci pozycji dodanych. problem jest taki iż chcę aby divy zawsze były na całą szerokość czyli w tym przypadku miały po 400px. Jeśli będą 4 divy inside to powinny mieć po 200px itp... oczywiście mogą mieć kilka px mniej żeby zlikwidować granice ciasne pasowanie. czy takie coś jest możliwe w css i html?

[HTML] pobierz, plaintext 
<div id="main">
  <div class="inside"></div>
  <div class="inside"></div>
</div>
[HTML] pobierz, plaintext 

Dzięki!

[piotrooo89]

w jQuery:

Kod

$(document).ready(function(){
    var count = $('#main').children().length;
    var widthMain = parseInt($('#main').css('width'));
  
    var sizeEach = Math.round(widthMain / count);
  
    $('.inside').css({width: sizeEach+'px'});
});