0

我正在尝试制作一个类似谷歌日历的日历，但只有月视图，我在日期框上添加事件时遇到了麻烦。我不知道他们是如何添加这样的，因为左浮动不起作用，如果他们使用绝对位置，他们怎么知道每个事件的顶部，就像这张照片一样。 http://i40.tinypic.com/1hcfuw.jpg

到目前为止，我创建了这个 html

<div class="week">
    <ul>
        <li style="width: 300%;">Fishing</li>
    </ul>
    <ul>
        <li style="width: 400%; margin-top: 23px;">Basketball</li>
    </ul>
    <ul>
    </ul>
    <ul>
    </ul>
    <ul>
        <li style="width: 200%;">Coding</li>
    </ul>
    <ul>
    </ul>
    <ul>
    </ul>
</div>

是那一天<ul>和<li>那一天的事件，但我手动添加了它们。有一个简单的解决方案吗？谢谢你，丹尼尔！

4

1 回答 1

1

我不明白，如何单独使用 CSS 来完成。

您必须在服务器端计算重叠事件并进行top相应设置。如果您想在客户端执行此操作，则必须使用一些 Javascript 进行计算。

谷歌：javascript 日历事件应该给出一些提示。

于 2013-10-09T13:49:19.123 回答