Как разместить гибкую ширину div в контейнере с фиксированной шириной?

Question

Что я хочу сделать, это сместить содержимое первого div так, чтобы единственным отображаемым содержимым было то, что не было скрыто внешним div.

Я пытаюсь, но не работает

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

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

Мои английские навыки не позволяют мне лучше объяснить, надеюсь, что это должно быть понятно ... Спасибо.

Answer 1

Вы должны установить overflow: hidden; на внешнем DIV и удалитьposition: absolute; из внутренней DIV (и, возможно, от внешнего края дел - и поплавок не имеет никакого эффекта при использовании абсолютного положения):

#contenedorProductos { 

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

} 

#contenedorProductos #contenidoProductos { 

    width: auto; 

}