如何将灵活的宽度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

您需要在外部div上设置overflow: hidden;，并从内部div中删除 position: absolute;（并且可能来自外部div - margin并且浮点数无效使用绝对位置）：

#contenedorProductos {

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

}

#contenedorProductos #contenidoProductos {

    width: auto;

}