Html 基础部分（选项卡）不适当回流

我的站点上有两个选项卡部分，它们是在页面加载后添加的。我正在通过

backbone.js“回流”它们，如下所示：

this.$el.foundation('section', 'reflow');

他们中的一个果然出现了。生成的HTML是：

<div class="section-container auto" data-section="" data-section-resized="true" style="min-height: 48px;">

以下是错误行为的屏幕截图：

所有选项卡都应用了
width:100%
，并且重叠（因此您只能在那里看到“帮助”选项卡），并且“预览”图像的顶部被选项卡覆盖

奇怪的是，HTML是完全相同的，在这两种情况下都是显示模式。相同的JS被应用于每一个。有人知道为什么我的一个部分会调整
数据部分的大小
，而另一个部分会调整
数据部分的大小

编辑：两件事

我忘了提，这是Zurb基金会4.3.2
如果我调整窗口大小，它会自动正确显示。。。所以我想，如果我能运行“窗口大小调整”Zurb代码，这将解决我的问题
我能解决我的问题。在深入研究Zurb的Github中的问题之后，我发现了一个半相关的问题，该问题在最近的pull请求中得到了修复

一时兴起，我将它合并到我的代码中，它解决了这个问题

请看这里：

<div class="section-container auto" data-section="" data-section-small-style="true">