Criar div com largura e altura fixa

[Good 4]

Estou querendo criar uma div com divs filhas e a div mãe tem que ter largura e altura fixa. Olha a imagem:

 

 

a minha ideia é criar tipo uma galeria, só que vou fazer em javascript puro.. porém não me lembro como faço para fazer funcionar do jeito da imagem.. o que me falta é o css..

 

Quero criar uma div com largura e altura fixa, porém somente a largura deve ser infinita. Ou seja, deve ser mostrado apenas 5 divs por vez..

<style>
#mae {
    width: 250px;
    height: 30px;
}
.filha {
    width: 50px;
    height: 30px;
}
</style>

<div id="mae">
    <div class="filha">div 1</div>
    <div class="filha">div 2</div>
    <div class="filha">div 3</div>
    <div class="filha">div 4</div>
    <div class="filha">div 5</div>
    <div class="filha">div 6</div>
    <div class="filha">div 7</div>
    <div class="filha">div 8</div>
</div>

[reebr 94]

#mae {

width: 250px;

height: 30px;

white-space: nowrap;

overflow: hidden;

}

.filha {

width: 50px;

height: 30px;

display: inline-block;

}

[Maujor 144]

<style>
#mae {
    width: 250px;
    height: 30px;
    overflow:hidden;
}
.filha {
    width: 50px;
    height: 30px;
    float:left;
}
</style>

Use a declaração:

 

.filha:nth-child(n) {width:0;}

 

para com JavaScript ir retirando o div de uma extremidade e acrescentando o próximo na outra extremidade, ou mesmo retirar as 4 e apresentar as 4 seguintes.