html - Foundation 5 Tabs - 内容不是选项卡容器的填充宽度

Question

我有一个使用 Foundation 5 选项卡的网页。问题是某些选项卡的内容没有填满容器的宽度。 (我在代码示例中使用了图像，因为它更容易总结代码)

示例#1

这有效:

例如，此代码可以正常工作并且选项卡内容填充选项卡容器的宽度(注意选项卡面板 4 的代码):

HTML 代码:

HTML 显示:

示例#2

这行不通:

选项卡的以下 html 代码显示内容，但选项卡的内容不会像上面的示例(选项卡面板 1 的代码)那样“填充”容器的宽度。

HTML代码:

HTML 显示:

请注意选项卡内容没有第一个示例那么宽。

问题:

我需要解决此问题的帮助，以便选项卡内容(字段集)填充选项卡容器的宽度。我希望这是有道理的。如果有人愿意，我可以发布完整的代码供下载。我尽量保持 is 尽可能短。

在此先感谢您的帮助

Answer 1

呸，我想多了，有一个简单的 css 修复:

我必须将以下内容添加到我用来扩充 foundation.min.css 文件的 override.css 文件

.tabs-content > .content {
    width: 100%;
}