Question

css js焦点图问题：左浮动的div被挤到下边

如题，想做个类似左右滑动焦点图那样的东西，假设有3个div，我把他们位置设置为float:left，最外的容器和body都设置为overflow:hidden，本来意图是让他们三个平行排列，第2、第3个div超出容器并隐藏起来，但实际效果是：他们是上下排列的，不是平行排列的，容器不够宽时，并没有让div溢出并隐藏，而是挤下去了，

所以请问这个问题怎么解决？还是说焦点图那个模块其实不是平行排列的几张图？？

Answer 1

设置了float也得要宽度够才是平行排列，如果宽度不够它平行排列当然就是移到下面去了，这才是float的真正意义啊。

一般是外面套两个div，最外面的设overflow:hidden，第二个div设置足够平行显示的宽度。