Question

首先，我想用事件构建一个简单的日历。

我使用flexbox构建日历的布局：
https://jsfiddle.net/97c0aLb8/1/

我的行实际上是以下内容：

<div class="week">
    <div class="day">Room #101</div>
    <div class="day" id="2018-05-01_1"></div>
    <div class="day" id="2018-05-02_1"></div>
    <div class="day" id="2018-05-03_1"></div>
    <div class="day" id="2018-05-04_1"></div>
    <div class="day" id="2018-05-05_1"></div>
    <div class="day" id="2018-05-06_1"></div>
    <div class="day" id="2018-05-07_1"></div>
    <div class="day" id="2018-05-08_1"></div>
    <div class="day" id="2018-05-09_1"></div>
    <div class="day" id="2018-05-10_1"></div>
</div>

如何在布局顶部插入另一个div并覆盖2 <div class="day">...</div>。

Here an example

我们怎么能这样做呢？

Answer 1

有趣的问题和我以前从未想过的问题。您似乎必须重新构建您考虑应用程序的方式。而不是以表格形式考虑日子成为焦点（就像我们默认情况下那样），我们需要将其视为事件所关注的焦点。这样你可以在多天内完成跨越事件的事情。这里有一篇非常精彩的帖子，详细介绍了这一点。这篇文章甚至还有一个很大的小问题。

HTML markup for multi-day calendar events

如果你要专注于日常工作，你将不得不做一些布局重影，这将导致很多混乱，不洁和难以管理的代码。希望这有帮助，伙计！这是一个引人入胜的项目，也是一个需要解决的有趣问题：）

干杯！

使用PHP或JS将div插入另一个div

1 个答案: