Html 如何将一个容器放置在一个固定的位置，使其自身溢出？

我想要一个导航条和一个容器

<div>
 <nav>...</nav>
 <div id="container"></div>
</div>

如果可能的话，我希望有一个容器，如果它是一个单独的页面本身，它的行为

---

所以，若我开始用内容填充容器，我希望它是否有溢出，大小是否不变。就像容器是一个内部网站一样。

是的，您可以使用CSS位置“sticky”：

<div>
  <nav></nav>
  <div id="container"></div>
</div>

.container {
  position: -webkit-sticky;
  position: sticky;
}

---

这样的办法应该行得通

导航{ 填充：10px； 框大小：边框框； 文本对齐：居中； 宽度：100%； 背景色：aliceblue； } 正文，html{ 保证金：0； 身高：100%； } 身体{ 显示：网格； 网格模板行：0fr 1fr； -ms网格模板列：0fr 1fr； } 容器{ 填充顶部：10px； 溢出y：滚动； } 导航 同一天，我们将继续为精英们提供便利，为社会服务，为孕妇提供服务，为女性提供服务，为女性提供服务。Viverra和suscipit massa eleifend rhoncus cubilia euismod、pharetra curae dictumst sem产下的faucibus varius faucibus、pellentesque秃鹫magnis penatibus taciti。丘脑前庭前庭、前庭前庭、前庭前庭、前庭前庭、前庭前庭前庭、前庭前庭前庭、前庭前庭前庭前庭前庭、前庭前庭前庭前庭前庭前庭、前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。Orci nec mattis purus id sapien tellus vitae Inceptors montes，lacus quisque tincidunt ullamcorper in integer nisi sed laoreet malesuada，eu fusce sagittis nostra cras egestas Habitat litora molestie。 吃玉米饼的人在吃面包之前，必须先吃一块面包，然后再吃一块面包，最后才是真正的中间面包，最后才是真正意义上的面包。文雅的整体式立体感是一种自由的商品，是一种自由的商品，是一种纯粹的商品，是一种特殊的商品。quisque调味品suspendisse的Lacus Habitase semper venenatis molestie，facilisis dictum integer auctor vitae nibh hendrerit euismod proin，enim class ut sem pulvinar convallis Level。 前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前。所有这些都是欧盟8月份的宣言，所有这些都是我们的财富，所有的财富都是我们的财富，所有的财富都是我们的财富，所有的财富都是我们的财富。在分娩前的肘关节和臀关节处，在车辆内的整个手术过程中，两个非手术患者的累积量。 这是一种很好的治疗方法，它可以治疗各种不同的疾病，如糖尿病、糖尿病、糖尿病等。在塔西蒂·福西布斯（taciti faucibus nunc magnis Sentectum）调味品的名言中，他是一位著名的居住者，他的名字是奥古斯·麦格纳·科努比亚（augue magna conubia maecenas eleifend interdum luctus）。这句话的意思是：“我们必须保护我们的财产和财产，保护我们的财产，保护我们的生命。”。大射手座的秃鹫元素是利奥·科努比亚（leo scelerisque conubia），而老树（laoreet）和帕特·马萨·普雷森特（Pat massa Present）的秃鹫元素则是埃古斯塔斯（donec semper odio ante iaculis egestas cum）。 同一天，我们将继续为精英们提供便利，为社会服务，为孕妇提供服务，为女性提供服务，为女性提供服务。Viverra和suscipit massa eleifend rhoncus cubilia euismod、pharetra curae dictumst sem产下的faucibus varius faucibus、pellentesque秃鹫magnis penatibus taciti。丘脑前庭前庭、前庭前庭、前庭前庭、前庭前庭、前庭前庭前庭、前庭前庭前庭、前庭前庭前庭前庭前庭、前庭前庭前庭前庭前庭前庭、前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。Orci nec mattis purus id sapien tellus vitae Inceptors montes，lacus quisque tincidunt ullamcorper in integer nisi sed laoreet malesuada，eu fusce sagittis nostra cras egestas Habitat litora molestie。 吃玉米饼的人在吃面包之前，必须先吃一块面包，然后再吃一块面包，最后才是真正的中间面包，最后才是真正意义上的面包。文雅的整体式立体感是一种自由的商品，是一种自由的商品，是一种纯粹的商品，是一种特殊的商品。quisque调味品suspendisse的Lacus Habitase semper venenatis molestie，facilisis dictum integer auctor vitae nibh hendrerit euismod proin，enim class ut sem pulvinar convallis Level。 前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前 设备直径。所有这些都是欧盟8月份的宣言，所有这些都是我们的财富，所有的财富都是我们的财富，所有的财富都是我们的财富，所有的财富都是我们的财富。在分娩前的肘关节和臀关节处，在车辆内的整个手术过程中，两个非手术患者的累积量。 这是一种很好的治疗方法，它可以治疗各种不同的疾病，如糖尿病、糖尿病、糖尿病等。在塔西蒂·福西布斯（taciti faucibus nunc magnis Sentectum）调味品的名言中，他是一位著名的居住者，他的名字是奥古斯·麦格纳·科努比亚（augue magna conubia maecenas eleifend interdum luctus）。这句话的意思是：“我们必须保护我们的财产和财产，保护我们的财产，保护我们的生命。”。大射手座的秃鹫元素是利奥·科努比亚（leo scelerisque conubia），而老树（laoreet）和帕特·马萨·普雷森特（Pat massa Present）的秃鹫元素则是埃古斯塔斯（donec semper odio ante iaculis egestas cum）。 同一天，我们将继续为精英们提供便利，为社会服务，为孕妇提供服务，为女性提供服务，为女性提供服务。Viverra和suscipit massa eleifend rhoncus cubilia euismod、pharetra curae dictumst sem产下的faucibus varius faucibus、pellentesque秃鹫magnis penatibus taciti。丘脑前庭前庭、前庭前庭、前庭前庭、前庭前庭、前庭前庭前庭、前庭前庭前庭、前庭前庭前庭前庭前庭、前庭前庭前庭前庭前庭前庭、前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。Orci nec mattis purus id sapien tellus vitae Inceptors montes，lacus quisque tincidunt ullamcorper in integer nisi sed laoreet malesuada，eu fusce sagittis nostra cras egestas Habitat litora molestie。 吃玉米饼的人在吃面包之前，必须先吃一块面包，然后再吃一块面包，最后才是真正的中间面包，最后才是真正意义上的面包。文雅的整体式立体感是一种自由的商品，是一种自由的商品，是一种纯粹的商品，是一种特殊的商品。quisque调味品suspendisse的Lacus Habitase semper venenatis molestie，facilisis dictum integer auctor vitae nibh hendrerit euismod proin，enim class ut sem pulvinar convallis Level。 前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前。所有这些都是欧盟8月份的宣言，所有这些都是我们的财富，所有的财富都是我们的财富，所有的财富都是我们的财富，所有的财富都是我们的财富。在分娩前的肘关节和臀关节处，在车辆内的整个手术过程中，两个非手术患者的累积量。 这是一种很好的治疗方法，它可以治疗各种不同的疾病，如糖尿病、糖尿病、糖尿病等。在塔西蒂·福西布斯（taciti faucibus nunc magnis Sentectum）调味品的名言中，他是一位著名的居住者，他的名字是奥古斯·麦格纳·科努比亚（augue magna conubia maecenas eleifend interdum luctus）。这句话的意思是：“我们必须保护我们的财产和财产，保护我们的财产，保护我们的生命。”。大射手座的秃鹫元素是利奥·科努比亚（leo scelerisque conubia），而老树（laoreet）和帕特·马萨·普雷森特（Pat massa Present）的秃鹫元素则是埃古斯塔斯（donec semper odio ante iaculis egestas cum）。

---

*{边距：0；填充：0；}导航{高度：30px；宽度：100%；背景色：红色；}容器{位置：-webkit粘滞；位置：粘滞；最小高度：100vh；背景色：蓝色；宽度：100%；}如果我使用这个代码，它会溢出整个页面，而不是它本身。@BudaÖrs你应该在问题本身中发布这个信息。是的，因为最小高度：100vh。你知道这意味着你的元素在屏幕上的最小高度为100。哦，我明白了。如果我将它包装在另一个div中，我可以将outer div有自己的溢出？谢谢！但是如果我不知道pxs中的高度该怎么办？@BudaÖrs已编辑为使用css网格。如果导航高度未知，它现在可以工作。