基础5选项卡 - 内容未填充选项卡容器的宽度

时间:2014-05-02 18:19:20

标签: html css zurb-foundation

我有一个网页,我正在使用Foundation 5标签。问题是标签的某些内容没有填充容器的宽度。 (我使用图像作为代码示例,因为它更容易总结代码)

示例#1

这项工作:

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

HTML代码:

enter image description here

HTML展示:

enter image description here

示例#2

这不起作用:

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

HTML code:

enter image description here

HTML展示:

enter image description here

请注意标签内容不如第一个示例那么宽。

问题:

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

先谢谢你的帮助

1 个答案:

答案 0 :(得分:0)

Bahh,我在想它,有一个简单的css修复:

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

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