个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我正在尝试使用 Zurb-Foundation 5 来构建类似的网站。 Foundation 5 是否有任何可以实现类似格式的类？我在 Foundation 4 文档中找到了“section-container”类并使用了以下代码:
<section id="about" class="section-container">
<h1>Hello There!</h1>
<h3>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</h3>
</section>
有点用，但我找不到 Foundation 5 部分的任何文档。可以使用它吗？
如何定义每个部分的高度？
这如何使用普通的 CSS 样式来完成？
最佳答案
好吧，我很好奇，于是拿起我的笔记本电脑，我想你要找的是 Foundation 的 Magellan 函数:
http://foundation.zurb.com/docs/components/magellan.html
您可以将其与他们的 Topbar 功能混合使用，这样您就拥有了您正在寻找的导航系统。
http://foundation.zurb.com/docs/components/topbar.html
背景效果只是一堆具有不同颜色(我是加拿大人哈哈)背景的 div。
我们需要为一些东西添加 100% 的高度，但导航栏始终必须固定，并且我们必须向我们的 div 添加导航栏高度的填充。
<html>
<head>
<style>
.html, .body { height: 100%; }
.navigation { position: fixed; top: 0; width: 100%; height: 40px; background: #ccc; }
.home, .work { background: #fff; }
.about, .contact { background: #ddd; }
.wrap { width: 100%; min-height: 100%; padding-top: 40px; }
</style>
</head>
<body>
<div class="navigation">...your sticky nav would go here...</div>
<div class="wrap home">
<div class="row">
<div class="small-12 columns">
<p>Content</p>
</div>
</div>
</div>
<div class="wrap about">
<div class="row">
<div class="small-12 columns">
<p>Content</p>
</div>
</div>
</div>
<div class=" wrap work">
<div class="row">
<div class="small-12 columns">
<p>Content</p>
</div>
</div>
</div>
<div class="wrap contact">
<div class="row">
<div class="small-12 columns">
<p>Content</p>
</div>
</div>
</div>
</body>
</html>
关于html - 如何实现类似于上述网站中的分段(家庭、关于、工作等)背景格式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25699298/
28
4
0
最近，我读了一本名为Understanding the linux kernel 的书。有一句话让我很困惑。谁能给我解释一下？ As stated earlier, the Current Privi
Julia中是否有任何类型的分段/非连续范围的对象类？例如，我可以创建一个常规范围: a = UnitRange(1:5) 但是，如果我想将此与其他范围相结合: b = UnitRange([1:5,
我一直在研究标准输入的修复后计算器，在研究它之后，我最终得到了一个说法“段错误(核心转储)”，它没有说明它发生的位置或导致它的原因，并在寻找解释后我真的找不到任何可以帮助我解决这个问题的东西。所以我决
我对创建应用程序还很陌生，我刚开始使用 Swift 进行 iOS 开发。我真的希望有人能花点时间帮助我，因为我现在很困。所以我正在创建一个带有主从 TableView 的应用程序。我将使用 Alamo
ScrollView 或类似的东西中的 UIView、SegmentedController 和 UIContainerView？ 在我的 Storyboard中，我有一个 VC，它在顶部包含一个 U
我需要构建一个具有任意数量的间隔和函数的分段函数，能够对输入的 numpy 数组进行操作。 我可以使用 for 循环和指示符数组来做到这一点，如下面的代码片段所示，但是有没有一种更 Pythonic
我正在尝试按照提交的方式输出我的输出，但它不起作用。比如说，如果我提交一个分为两段的帖子(通过按回车键将它们分开)它不会那样输出。它删除该段落并将帖子显示为一个段落。 显示结果: 我正在尝试按照提交的
我有一个 TableView Controller ，其中按字母顺序列出了美国所有州。单击某个状态会通过 Web 服务调用返回有关该状态的详细信息。这是我第一次尝试分段或分组 TableView ，我
我想创建一个链接节点列表。这个想法是用字母分隔一个单词，并通过每个不同的字母创建一个链接节点列表。我也尝试在最后一个位置添加最后一个节点。 我已经尝试了很多东西，理论上是可行的，但我找不到段错误的根源
这是我正在尝试创建的附加组件: import bpy import os import sys import subprocess import time from threading import
我觉得这应该是一个简单的属性，但我一直在搜索，但找不到答案。 我的表右侧有一个 TableView 索引。选择后，它会使所有内容变灰。我想模仿 iPod 应用程序，当索引本身被选中时，它是半透明的(可
我试图在 OpenCV 中使用 SLIC 分割图像。我正在尝试使用以下功能: void vl_slic_segment ( vl_uint32 * segmentation, flo
我知道在网络中，数据流在第4层被分成不同的段。每个段然后用端口号和IP地址封装。我发现了一些我想问的令人困惑的问题: 谁负责将数据流分成不同的段。是应用程序还是第 4 层？ 我知道 UDP 不支持分段
我有一个使用界面生成器制作的分段 Controller ，它看起来像这样 有时我使用它将它设置为四个 [segmentedControl insertSegmentWithTitle:@"Dinner
所以我使用免费托管，我的服务器上几乎没有视频，一切正常，除了视频需要大约 10-20 秒来加载然后开始播放，所以我想使用流媒体。问题是我不知道该字段和托管不支持 node.js，但我认为是 php 7
ViewController 有三个按钮:“ friend ”“日历”“信息”。每个按钮将代表此 viewController 下半部分的不同信息。 我的问题是选择什么来表示这些信息 - 分段 Con
在我的应用程序中，弹出窗口中的 UITableView 会在新数据时重新加载。如果表格未分区，则使用此代码一切都可以完美运行: 通知，启动重新加载: - (void)recieveNotificati
在阅读muduo(C++网络库)的源码时提出了这个问题。 如果客户端发送一个大消息，它将被 TCP 分段，服务器端会发生什么？ (服务器是否知道这条消息已经被分段了？) 网络库是否需要等待整个消息并且
我正在重构一个包含大量长头文件的代码库(为了便于使用和简化编译，头文件同时包含接口(interface)和实现)。 代码库避免了像野火一样的多态性，因此它使用宏解析内部存储类型，如下所示: #if d
我正在阅读有关 x86 保护模式工作的信息，因为我已经看到了平面内存模型和分段内存模型。 如果 linux 内核使用平面内存模型，那么它如何保护非特权应用程序对关键数据的访问？ 最佳答案 Linux
我是一名优秀的程序员,十分优秀！