如何让div跨越两个div，同时允许增加内容

要让一个div跨越两个div，并且允许增加内容，可以使用CSS的flexbox布局或者grid布局来实现。

1. 使用flexbox布局：
   • 在父容器上设置display为flex，使其成为一个flex容器。
   • 将两个div作为子元素放入父容器中。
   • 设置第一个div的flex属性为1，使其占据剩余空间。
   • 设置第二个div的宽度为固定值或百分比，根据需要调整。
   • 如果需要允许增加内容，可以将第一个div设置为flex-grow: 1，使其在有剩余空间时自动扩展。
   • 示例代码：
   • 示例代码：
   • 示例代码：

• 使用grid布局：
  • 在父容器上设置display为grid，使其成为一个grid容器。
  • 将两个div作为子元素放入父容器中。
  • 设置第一个div的grid-column属性为1 / -1，使其跨越整个网格。
  • 设置第二个div的网格列位置，根据需要调整。
  • 如果需要允许增加内容，可以将第一个div设置为grid-column: 1 / -1，使其跨越整个网格。
  • 示例代码：
  • 示例代码：
  • 示例代码：

以上是两种常用的方法来实现让div跨越两个div，并且允许增加内容的效果。具体选择哪种方法取决于实际需求和布局要求。