我有一个容器div，固定值为width和height，值为overflow: hidden.
我想要这个容器中的水平行Float:Left div.向左浮动的div在读取其父级的右边界后，自然会推到下面的"行"上.即使家长中的height人不允许这样做，这种情况也会发生.这看起来是这样的:
我希望它是什么样子:
![右][2]-removed image shack image that had been replaced by an advert
注意:我想要的效果可以通过使用内联元素&；white-space: no-wrap来实现(这就是我在所示图像中所做的).然而，这对我没有好处(原因太长，在这里无法解释)，因为子div需要浮动的挡路级别元素.
您可以在容器中放置一个宽度足以容纳所有浮动div的内部div.
#container {
background-color: red;
overflow: hidden;
width: 200px;
}
#inner {
overflow: hidden;
width: 2000px;
}
.child {
float: left;
background-color: blue;
width: 50px;
height: 50px;
}<div id="container">
<div id="inner">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
</div>