html - 为什么我会看到基础构建 block 的意外渲染?

标签 html css

我正在尝试使用 Foundation Building Blocks 制作网页。我遇到的问题是我无法让 Marketing Kit 中的 UI 构建 block 以我期望的方式呈现。也就是说,我的页面呈现的方式与示例构建 block 呈现的方式不同。例如,让我描述一下我在营销三合一功能部分 ( http://foundation.zurb.com/building-blocks/blocks/marketing-site-three-up.html ) 中遇到的情况

在该页面的 iframe 中加载的构建 block 示例似乎没有使用 foundation.css,而是使用了一个 app.css,它在选择器中包含的内容比 foundation.css 多得多。 ( http://foundation.zurb.com/building-blocks/blocks/marketing-site-three-up-iframe.html ) 如果我自己的页面使用 foundation.css,我不会得到预期的呈现结果。但是,如果它改为使用该示例页面中的 app.css 页面,它就可以工作。但是 app.css 似乎没有记录在使用营销工具包的说明中。

我错过了什么?

最佳答案

事实证明,我使用的构建 block 需要使用 flex 的 Foundation 6 版本。一旦我切换到 Foundation 的 flex-enabled 版本,一切都很好。我在构建 block 文档(虽然很少)中没有看到任何清楚说明这一点的内容 — 我是通过更仔细地查看两个文件中的 css 以及检查渲染页面中的 DOM 来发现的。

关于html - 为什么我会看到基础构建 block 的意外渲染?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43502447/

相关文章:

javascript - 当 href 为空时隐藏 <li>

javascript - 如何在 Django Javascript 中打开编辑部分而不刷新每个帖子的页面?

javascript - 使盒子在环绕 Angular 时以连续顺序出现(从左到右,向下,然后从右到左)

javascript - 为现有代码添加延迟?

javascript - 将文本与 Trianglify Javascript 库一起使用

jquery - 下拉列表的位置问题

html - 操作<nav> <ul> </ul> </nav>中的单个<li>元素

html - 为什么我的文本在我的 CSS 导航栏的中间不是垂直的?

html - 在 HTML 中嵌入谷歌电子表格(缩小结果)

html - 检查 url 是否为 R 中的 HTML