Hola, necesito que me den una mano, por favor:
Tengo algo así:
Código:
<div class="items_container">
<div class="items">
<div class="item">blabla</div>
<div class="item">blabla</div>
<div class="item">blabla</div>
<div class="item">blabla</div>
...
</div>
</div>
CSS:
Código:
.items_container {
position: relative;
width: 200px;
height: 100px; /*valores de ejemplo*/
overflow: hidden;
}
.items {
position: absolute;
left: 0px;
height:100px;
}
.item {
float: left;
width: 100px;
height: 100px;
}
La idea es que .items se pueda desplazar dentro de .items_container (overflow hidden) para hacer un slide con javascript.
Pero ocurre que cuando hay muchos .item, se van hacia abajo, formando nuevas hileras.
¿Cómo puedo hacer que los .item queden estríctamente uno al lado del otro y que .items tome el ancho correspondiente?
Esto, sin darle width a .items.
Gracias, saludos.