我创建了一个带有排序的水平可滚动容器。
有一些要求:
这是JSFiddle:http://jsfiddle.net/6vXG2/(用粉红色标题拖动列)
这完美适用于:IE9,Opera,Safari
但不能使用:Chrome,Firefox
在Chrome和Firefox中,元素开始跳跃。 (顺便提一下,Firefox和OSX之间的行为是不同的,使用完全相同的版本--17.0.1)
最初使用float:left
进行设计时,所有浏览器都表现正常,但由于没有包装要求,我无法使用它。
任何想法如何解决这个问题?或者这是一个jqueryui错误/问题?
由于
修改
如果我添加border-collapse: collapse
,它在Chrome中会再次正常运行,但在Opera中会中断。
编辑2:
找到一个“弱”的解决方法,回到float:left
:请参阅http://jsfiddle.net/6vXG2/1/。不理想,但现在还可以。仍然愿意接受建议。