html - 如何跨越两个父 div 的子 div

Question

背景:我正在使用 Backbone.MarionetteJS 框架构建网格。但是，我遇到了一个具体问题，我不确定如何解决。

代码:我的网格构建如下:

<section>
    <div>
        <div class="day"></div>
    </div>
    <div></div>
    <div></div>
    <div></div>
    <div>
        <div class="day">
            <div>
                <div id="c38" class="gridItem droppable ui-droppable">
                    <b>
                        <div id="c90" class="draggable orderItem stored ui-draggable" style="position: relative;"></div>
                    </b>
                </div>
            </div>
            <div>
                <div id="c39" class="gridItem droppable ui-droppable">
                    <b>
                        <div id="c91" class="draggable orderItem stored ui-draggable" style="position: relative;"></div>
                        <div id="c92" class="draggable orderItem stored ui-draggable" style="position: relative;"></div>
                    </b>
                </div>
            </div>
        </div>
    </div>
</section>

如您所见，该部分中的每个 div 都包含一个带有上课日的 div。在这种情况下，日是水平网格行。一天有 7 个可放置的 gridFields，每个都有自己的 ID。当天的每个网格字段可以包含多个元素，例如字段 C39。

问题:虽然上面的代码运行良好，但我有一个元素(让我们以 c92 为例)不仅在特定日期放置在 gridfield c39 中，而且还在 grid field 中c38。与其显示网格元素两次(在每个网格字段中一次)，不如让该元素跨越两个 div 会更整洁，这样它看起来就像一个可以在之后再次拖放的单一元素。

但是我不知道如何实现这一点。欢迎任何建议。

Answer 1

我不确定您是否通过主干 View 附加这些 div。如果您通过主干 View 进行操作，那么默认情况下每个 View 都由“div”包裹。我们可以通过添加标签参数来改变它。添加标签:'span'