css - 即使内部 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 float 到右侧(一个并排)，并在内部 div 的宽度超过父宽度时启用在外部 div 上滚动

我的问题清楚了吗？

谢谢大家。

Answer 1

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

请注意带有 * 前缀的属性是 IE7 所必需的。您应该将这两个属性应用于 IE7 特定的样式表，而不是我在这里所做的。

正如 Alejandro 提到的，使用 float 无法实现您的需求。相反，使用 inline-block 并将 nowrap 设置为父 div。重置内部 div 的包装，您就完成了。