CSS - crear overflow-x con divs dentro de un div que me genere barras horizontal

 
Vista:

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
-----------
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 45
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

crear overflow-x con divs dentro de un div que me genere barras horizontal

Publicado por Brayan (16 intervenciones) el 10/02/2017 13:30:24
No entiendo la pregunta con el codigo que tienes muestra esto:

Yq9D3JK

Entonces según leo eso es lo que tu deseas, de no ser asi explica un poco mejor lo que deseas, para poder ayudarte.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar