0

我的页面使用FullCalendar jQuery 插件来显示每月的活动日历。如果事件发生在同一天，则在 Firefox 或 IE 中查看日历时，它们之间会留有很小的空间，如下面的屏幕截图所示：

在此处输入图像描述

另一方面，如果在 Chrome 中查看同一页面，则会在这些事件之间显示一个大的（不需要的）空间：

在此处输入图像描述

在 Chrome 中查看页面时如何消除此空白？

更新

我从应用程序中删除了所有引导样式，问题不再发生，所以我猜有一些引导 CSS 规则仅应用于 Chrome 中的日历呈现。现在我只需要弄清楚哪些规则......

4

4 回答 4

2

固定的

奇怪的是，布局问题是由这个 CSS 规则引起的

    a {
        -webkit-transition: all 0.15s ease-out 0s !important;
        -moz-transition: all 0.15s ease-out 0s !important;
        -o-transition: all 0.15s ease-out 0s !important;
        transition: all 0.15s ease-out 0s !important;
    }

我将其更改为：

    a {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

问题解决了

于 2013-01-26T18:15:33.280 回答
1

可以肯定的是，它以某种方式涉及为top包装a元素上的内联定位设置代码。Firefox 和 Chrome 都将第一个元素设置为，top: 52px但第二个元素的放置方式不同，Firefox 将其设置为top: 95px，Chrome 设置为top: 137px.

这种顶部定位差异可能是因为嵌套在with 类height中设置的差异。那是在 Chrome 中，但在Firefox 中。现在，有问题的项目实际上覆盖在结构上，它们不是它的直接子级。但显然代码必须以某种方式读取该结构的高度，以计算相对于它们所覆盖的“天”放置项目的位置。因此，Chrome内部较高的高度可能会影响它（反之亦然，影响嵌套的位置）。divdivfc-day-contentheightdiv170px65pxfc-day-contentdivfc-day-contentaheightfc-day-content

我还没有找到放置这些项目位置的代码。

于 2013-01-25T11:53:17.653 回答
0

该插件计算日历事件的位置错误。我建议将日历初始化为 onload event而不是ready. 所以更换

$(document).ready(function() {.....

与

$(window).load(function() {.....

看看有没有进展。

额外的反馈将有助于研究，BR。

于 2013-01-25T00:07:43.533 回答
0

您应该尝试使用相对定位：对于这样的元素

position: relative;
width: 195px;
margin-top: 30px;
float: left;
于 2013-01-25T11:54:52.077 回答