2014-04-10 100 views
1

被个人持有表(使得顶可以作为标题行动,底部可以作为一个滚动内容区域ACT)所以,我有两个div。铬溢出:滚动CSS问题(幻影保证金/填充)

一切正常功能,但我一直在敲打我的头靠在我的办公桌试图理清这个幻象边境/保证金是没有显示在浏览器上滚动区域。

这是火狐:

enter image description here

这是Chrome浏览器:

enter image description here

正如你所看到的,Chrome的渲染上滚动左侧的微弱保证金/填充区域(从“12a”时间标记开始的地方开始)在测试过程中,我将可滚动区域的背景更改为#ff0000,以确保它确实不是边框。但是,这看起来像没有该样式变化:

enter image description here

我要补充的一个简单的利润率左到该元件中,但在日历细胞通过JavaScript和小区宽度呈现等是基于容器的宽度计算出的,数可供查看的日子以及其他一些参数。在测试中,这被证明会在表格中进一步排除单元格的对齐。

有没有人遇到过这个?有谁知道一种方法来禁用Chrome中的可滚动元素的这个属性?任何帮助是极大的赞赏。

在此先感谢!

回答

0

边框和滚动条计算在您的总宽度。这似乎是为什么它看起来好像顶盒被推到左边,当它真的是从滚动条的几个像素偏移到右边的一切。

尝试用

left:-2px; 

或然而许多宽度为抵消滚动条容器。

+0

我试过这种方法,不幸的是我的表格单元格是基于表格的宽度计算,所以这一切确实是在细胞中最远的到左边解决这个问题,但是当你向右滚动,他们仍然掉下来的对齐。感谢您的意见,但。 –

+0

那么有限的信息,你给了这是最好的,我可以看到基于图像。 提供html和css以获得更好的帮助 – Silverandrew