即使内部Div宽度超过父宽度，外部Div也不会滚动

Question

我有这段代码：

.outer
{
width: 1000px;
float: left;
overflow: scroll;
}

.inner
{
    width : 500px;
    float:  right ;
}
<div class='outer'>
    <div class='inner'>
        .....
    </div>
    <div class='inner'>
        .....
    </div>
    <div class='inner'>
        .....
    </div>
</div>  

我想将那些内部div向右移动（一个在另一个旁边），并在内部Div的宽度超过父宽度时启用外部div上的滚动

我的问题清楚了吗？

谢谢你们。

Answer 1

在您发布的示例中，内部div的宽度为500px，外部div的宽度为1000px，因此您无论如何都不会看到任何滚动条。 将内部div设置为1000px，将外部div设置为500px，您应该删除“float：right”属性以查看水平滚动条。您可以将div放在右侧，使用“margin-left：auto;”相反，但在这种情况下它没有任何意义，因为内部div大于外部div

Answer 2

我认为你想要的是这样的：http://jsfiddle.net/cWpGS/2/。

注意IE7需要以*为前缀的属性。您应该使用IE7特定的样式表来应用这两个属性，而不是我在这里做的。

正如亚历杭德罗所说，使用花车你无法达到你的需要。相反，使用inline-block并将nowrap设置为父div。重置内部div的包裹，你就完成了。