Html 如何在引导中获得此布局？

我想要一个新的。我在左边有一个330px宽的固定边栏。此外，我有一个灰色的框，应该留在屏幕的中心，只有当上面框的内容改变高度时，才会向上或向下移动

我不知道如何在屏幕中央制作灰色框和内容可变的框。 这就是我目前拥有的：

边栏的东西
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren）说，没有一个海洋保护区是一个属于同一个世界的世界。同一个世界是同一个世界，同一个世界是同一个世界，同一个世界是同一个世界。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

从具有h-10和对齐项目中心的

div

类中删除

d-flex

类

对于具有卡的div类，添加

宽度：100%

。卡类将自动采用其父级的全宽，因为父级已具有

flex:0 300px

将粘性顶部类添加到卡以固定位置

将

display:block

添加到此\u是\u灰色\u框类以使元素居中

边栏的东西
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren）说，没有一个海洋保护区是一个属于同一个世界的世界。同一个世界是同一个世界，同一个世界是同一个世界，同一个世界是同一个世界。在verogna aliquyam erat，sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren）说，没有一个海洋保护区是一个属于同一个世界的世界。同一个世界是同一个世界，同一个世界是同一个世界，同一个世界是同一个世界。在verogna aliquyam erat，sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren）说，没有一个海洋保护区是一个属于同一个世界的世界。同一个世界是同一个世界，同一个世界是同一个世界，同一个世界是同一个世界。在verogna aliquyam erat，sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren）说，没有一个海洋保护区是一个属于同一个世界的世界。同一个世界是同一个世界，同一个世界是同一个世界，同一个世界是同一个世界。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

我所做的只是添加了

边距：auto到父div和
边距：自动；显示器：flex到灰色框，使其居中

请记住，如果您将CSS包含在不同的文件中，这通常是一种良好的做法。

边栏的东西
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren）说，没有一个海洋保护区是一个属于同一个世界的世界。同一个世界是同一个世界，同一个世界是同一个世界，同一个世界是同一个世界。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，无东南