如何让 box1 占据剩余空间，并排除 box2 的内容？

哈喽！今天心血来潮给大家带来了《如何让 box1 占据剩余空间，并排除 box2 的内容？》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

如何使 box1 排除 box2 内容后占据剩余空间？

要实现 box1 排除 box2 内容后占据剩余空间，可以使用以下两种方案：

• 方案 1：使用 calc()

#box1 {
  width: calc(100% - 200px);
}

• 方案 2：使用 flex 布局

#content {
  display: flex;
  flex-direction: row;
}

#box1 {
  flex: 1;
}

#box2 {
  flex-shrink: 0;
  width: 200px;
}

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《如何让 box1 占据剩余空间，并排除 box2 的内容？》文章吧，也可关注golang学习网公众号了解相关技术文章。