我创建了一个表，其中有几个固定列，其余的是滚动。这是使用包装器div和固定列的设置位置绝对值和负左边距来完成的。
它是一个复杂的数据表的一部分，所以我很难在jsfiddle中重新创建，但这里有一个链接：http://rateshopper.error404.ro/table.html
问题是当你只是玩滚动，然后向左移动光标。固定列有时候就跳出位置。取消选中和重新检查检查器中剩余的边距将修复它。我不知道为什么会这样。
Chrome中有一个视频：http://rateshopper.error404.ro/bug_chrome.mov
任何想法或帮助将不胜感激！
解决方法
编辑：
更好的修复：
.col-lg-10 {
float: right;
}
在#seriesTableWrapper的父元素上设置一个float可以防止边缘崩溃发生在它的孩子身上。
这是必须阅读的边缘崩溃：
http://www.seifi.org/css/understanding-taming-collapsing-margins-in-css.html
这篇文章有点过时，以防止边缘崩溃的方法，但它解释了为什么以及如何发生。
更现代的方式来防止边缘崩溃：How to disable margin-collapsing?
找到一个修复
更改：
#seriesTableWrapper {
margin-left: *something*;
}
至：
#seriesTableWrapper {
padding-left: *something*;
}
可能是利润率下滑的问题，有些情况下利润可能会崩溃。可悲的是，滚动条现在扩展到整个宽度。
由于没有垂直滚动，您可以只做一个没有滚动的表和一个在其旁边的水平滚动的表。如果有垂直滚动，那么可以将这些表包装在一个带有overflow的div中：auto;
