javascript - CSS样式中子元素设置宽高并向左浮动，撑开无宽高父元素，如何达到浏览器出现x轴滚动，而子元素不会掉下来。

Question

首先看图知道最外层有一个class名为box的p包裹，现在里面有三个块，分别是k1k2k3，k1和k2都有宽度高度，并设置了向左浮动，第三个块k3比较特殊，他没设置宽和高，只有浮动跟overflow；他里面有无穷多个子元素，子元素都分别设置了宽高，并也浮动了， 现在第三个块掉下来了。目前想到做到的是第一第二第三个块一起向左浮动，而不会出现第三个块掉下来的问题，而浏览器可以出现x轴向右边滚动的效果。请问各位大神如何解决？？？

目前已尝试给最外层box添加overflow：hidden加上设置最小宽度就不会掉下来，但是由于k3的子元素无穷多个，无法写死，还有个方式是利用js来控制box的最小宽度。目前想问有没纯css解决的方法？

Answer 1

.k3{margin-left:800px;}

Answer 2

不使用float:left;试试给k31,k32,k33使用display:inline-block，并把k3设置成white-space:nowrap