1

我会尽量把这件事说清楚！所以来了！

我一直在使用 Adam Shaw 的 jquery 插件fullCalendar。我对我正在从事的项目进行了细微的调整。

目的：设置此“版本”的 fullcalendar 以便它填充窗口中的文档空间，并旨在在调整窗口大小时始终保持可见（同时在右侧的窗口和日历本身之间留出 10px 的填充）和底部）。此外，它应该在日历导航下方的文档顶部有 10 像素的填充。左边是正确的。

问题：当您加载包含在 zip 中的“localendar.html”时，您可能会立即看到一些问题（这可能取决于您的屏幕分辨率）。目前日历未固定在日历导航下方 10px 处。此外，当您调整浏览器窗口的大小时，日历会在右侧和底部保持 10 像素的填充，但是日历的顶部在所有三个日历视图选项中都无法正常工作。日历不得有任何溢出导致出现滚动条。

日历必须在所有边上保持 10px 的填充（除了左侧，日历导航下方的顶部只有 10px）。最小高度和宽度，以便日历不能小于平均上网本分辨率（此时溢出导致滚动条是可以接受的）。

- 这些行可能会有所帮助。

localendar.html (70-92, 104-124)
fullcalendar.css (139-142 [查看 fullcalendar.css)
fullcalendar.js (473-492 [查看 fullcalendar.js)

4

1 回答 1

1

您将所有元素的位置属性设置为“绝对”。当您将某些内容设置为“位置：绝对”时，它会将其绝对定位在设置为“位置：相对”的最近父级内。它还从一般文档流中删除元素。上边距发生的情况是，由于日历不在文档流中，它与上面的控件重叠。您应该从 CSS 中删除位置属性。

这是 html 页面本身的日历样式应该具备的：

    div#calendar {
    margin-left: 252px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

我在 style 属性中包含了 div 元素，因为它赋予了规则更多的权重。我还将 'margin-left' 属性的值设置为重要，因为在 fullcalendar.css 文件中有另一种样式设置为重要。这两个一起将覆盖在该文件中应用的左边距。

我目前只能在 safari 中对此进行测试，但它应该在大多数浏览器中都能正常工作。请让我知道这可不可以帮你。

于 2012-04-13T23:23:22.397 回答