Comment est-ce que je peux placer un div flexible de largeur dans un récipient de largeur fixe?

Question

Ce que je veux faire est de faire glisser le contenu de la première div de sorte que le seul contenu affiché serait ce qui n'est pas caché par la div externe.

Je suis en train, mais ne fonctionne pas

#contenedorProductos { 
margin-left: 50px; 
float: center; 
position: absolute; 
width: 490px; 
text-align: center; 
z-index:1; 
} 

#contenedorProductos #contenidoProductos { 
overflow: auto; 
position: absolute; 
width: auto; 
} 

Mes compétences en anglais ne me laissez pas vous expliquer mieux, espérons que cela soit compris ... Merci.

Answer 1

Vous devez définir overflow: hidden; sur la div externe et retirerposition: absolute; de la div intérieure (et peut-être de la div extérieure - marge et flotteur n'a pas d'effet lors de l'utilisation de position absolue):

#contenedorProductos { 

    margin-left: 50px; 
    float: center; 
    width: 490px; 
    text-align: center; 
    z-index:1; 
    overflow: hidden; 

} 

#contenedorProductos #contenidoProductos { 

    width: auto; 

}