HTML表格溢出到相邻的Div中

<style>
  .container {
    overflow-x: auto;
  }
</style>

<div class="container">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

<style>
  .container {
    width: 100%;
    overflow: hidden;
  }
  
  table {
    white-space: nowrap;
  }
</style>

<div class="container">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

<style>
  .container {
    display: flex;
    overflow-x: auto;
  }
  
  table {
    flex-shrink: 0;
  }
  
  @media (max-width: 768px) {
    table {
      display: block;
    }
  }
</style>

<div class="container">
  <table>
    <!-- 表格内容 -->
  </table>
</div>