crear overflow-x con divs dentro de un div que me genere barras horizontal
Publicado por jesus Martí (1 intervención) el 10/02/2017 08:39:52
Hola, quiero construir un div en forma de una fila horizontal , dentro varios con divs en forma de cajas , pero que cuando me haga desbordamiento me genere la barra horizontal en el div que contiene a los divs hijos.
Ya he visto que si es solo texto lo hace bien pero si lo hago con divs, no me funciona.
He probado lo siguente pero me salen las barra en vertical::
CSS
-----------
html
---------------
Muchas gracias, un saludo
Ya he visto que si es solo texto lo hace bien pero si lo hago con divs, no me funciona.
He probado lo siguente pero me salen las barra en vertical::
CSS
-----------
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
filaTitulo{
width: 600px;
height: 40px;
background: #A8CCD7;
overflow-x:auto;
}
.celda{
width: 80px;
height: 30px;
background: #A0B394;
border: 1px solid #6C5D5D;
float:left;
}
html
---------------
1
2
3
4
5
6
7
8
9
10
<div class="filaTitulo">
<div class="celda"></div>
<div class="celda"></div>
<div class="celda"></div>
<div class="celda"></div>
<div class="celda"></div>
<div class="celda"></div>
<div class="celda"></div>
<div class="celda"></div>
</div>
Muchas gracias, un saludo
Valora esta pregunta


0