与Trebuchet MS字体的奇怪错误

我正在尝试使用jQuery UI主题使用jquery.fullcalendar插件。

一切都很好，除了当用户试图选择一个时间范围（周或日视图）时，选择被移动大约一个小时。你可以在这个小提琴中看到这种行为。

我已经减少了问题，我得出结论，问题来自CSS代码。在小提琴中，我复制了有问题的CSS代码（对应于jQuery UI CSS框架）。如果你删除这个CSS代码，选择工作正常（但当然没有格式）。

我一直试图找出哪个是确切的问题，但我看不到。

编辑：我已经把问题减少到了这个。现在，如果您从.ui-widget中删除“Trebuchet MS”字体，则fullCalendar正常工作!! 看这里工作演示。现在的问题是，为什么？我正在使用Linux，我不知道是否有一些影响……

从您的CSS中删除以下内容：

.fc-agenda-slots td div { height:20px; }

或将其更改为：

 .fc-agenda-slots td div { height:auto; }

我猜这个字体大小溢出了固定的20px的div ，结果得到了这个“怪异的bug”。

演示： http ： //jsfiddle.net/gQMvH/5/

我发现了有问题的代码。它的

 .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }

在Component containers 。特别是font-family声明。删除它会阻止奇怪的行为，但至于为什么它会导致它…没有任何线索。