Javascript 如何在Html中创建页面节

如何使页面布局具有水平部分，但在同一页面上？我希望我的页面有一个主体，然后是另一个部分（页面正下方）上的页脚，就像这里的一样

---

如果您注意到，您看到的第一页包含背景，那么当您向下滚动时，会有多个部分，但没有背景。请问这是如何实现的？如果你也能举出例子，我会很高兴的。非常感谢

您需要使用HTML和CSS

这是

HTML

---

你可以使用这样的插件：盒子尺寸有什么特别的吗？@sheriffderek解释得很好。我重复使用你的小提琴给他看一个他正在寻找的例子，但他们在我有机会发布之前就关闭了它。他正在寻找一种流畅的设计。这是你的style@sheriffderek谢谢大家！！！；）@LOTUSMS-我的代码是100%流动的。它关闭了，因为问题基本上是“有人能教我html吗？”，对于堆栈溢出来说，这个问题太模糊了。@aelor-是的，框大小非常特殊。它声明将填充和边框宽度/大小-移动到元素中，而不是移动到元素外部，从而增加元素的总体大小。你可以在谷歌上搜索，看看保罗·爱尔兰对此有何评论。太棒了。如果代码不存在，我会放弃它。

<header class="container global-header">
    Header
</header>

<section class="container about">
    About
</section>

<section class="container contact">
    Contact
</section>

<footer class="container global-footer">
    Footer
</footer>

* {
    box-sizing: border-box;
    /* look this up */
}

body {
    margin: 0;
}

/* style what the sections have in common */
.container {
    width: 100%;
    float: left;
    border: 1px solid black;
    text-align: center;
}

/* target specific sections */
.global-header {
    background-color: red;
}

.about {
    background-color: gray;
}