Div fluidi all'interno di un altro div 100%

craveni

Div fluidi all'interno di un altro div 100%

Buonasera a tutti.

Sono un nuovo arrivato e prima di tutto vorrei complimentarmi con la community per la competenza e le utilissime risorse che condivide (soprattutto in termini di posizionamento :D). Vorrei chiedervi un'aiuto con un problema che sto affrontando questi giorni, mi spiego.
Sto realizzando un sito/portale utilizzando i div e che, soprattutto, sia a width 100%. E fin qui nessun problema. In una sezione del sito stesso ho la necessità di inserire delle schede (tra le 6 e le 8 a riga) contenute logicamente anch'esse in un div con larghezza in percentuale (100%). Siccome non posso utilizzare una larghezza predefinita per queste schede avevo pensato di metterla in percentuale. Il problema mi si viene a creare se oltre al float:left per affiancarle inserisco anche un margine tra l'una e l'altra per spaziarle (o un padding).

La struttura è la seguente:

[HTML]
<div id="container" style="width:100%;">
<div id="scheda"></div>
<div id="scheda"></div>
<div id="scheda"></div>
<div id="scheda"></div>
<div id="scheda"></div>
etc
</div>
[/HTML]

Quali consigli potreste darmi in merito al div scheda? Avevo pensato un width fisso in percentuale ma:

poi come mi regolo con la distanza tra gli stessi per far visualizzare interamente tutte le schede???
se non sto attento con la distanza l'ultima scheda viente "tagliata"

Mi è venuto in mente Amazon che ha una struttura liquida del genere ma francamente neanche cercando nel loro css (poco) visibile sono riuscito a capire come fanno.

Grazie a tutti in anticipo