Question

我希望创建一个网站，但我遇到了一些麻烦。我看到所有这些不同的术语，如浮动和拳击等等，但我很困惑我用来定位项目。以下是我在本网站上http://happycog.com/

的一个很好的例子

如何制作标题，使标题位于屏幕的某个空间，导航另一个，另一个位于另一个下方，另一个页脚等等。

如果你明白我的意思，可以指导我一些帮助/教程，我将不胜感激。感谢

Answer 1

要添加到pomologue的答案中，有一件事可能让您对所关注的网站感到困惑，那就是当用户滚动时，他们正在将菜单栏固定到屏幕顶部。他们是用 javascript 做的，所以如果你不能用CSS做就不要打败自己！如果你真的想在js中这样做，请回复一下，我会给你一些指示：）

Answer 2

查看源代码和Firebug / Web Inspector是您的朋友。最简单的，你想要做的只是一系列带有样式的<div>标签。

<div id="header">...</div>
<div id="navigation">...</div>
<div id="content">...</div>
<div id="footer">...</div>

Answer 3

您提供的网站只是一个接一个地放置div：

    <div id="first block"> ... </div>
    <div id="second block"> ... </div>

Answer 4

从您发布的示例中，您正在寻找名为 sticky-header / persistent-header的内容。

由于您引用的示例被锁定到特定的div 和屏幕位置，因此可能会获得您要求的JavaScript。

如果您只是在寻找持久性标题部分，其中标题始终位于顶部，无论如何 - 那么此链接在CSS中具有很好的实现：

至于像http://happycog.com/这样更具动态性的，那么CSS-Tricks有一个很棒的教程，但它也涉及JQuery。

此外，谷歌，Firebug / Chrome开发者工具和其他相关工具是您的朋友。

祝你好运！