如何设置父Div，阻止其内部Div使用position: relative时自动换行 超过宽，水平滚动

如果你想要阻止一个内部 `div` 根据内容宽度超出父级 `div` 的限制并导致水平滚动，你可以尝试以下几种方法：

1. **固定宽度**：给父 `div` 设置一个具体的固定宽度，并且应用到 `overflow-x` 属性上。例如：

   .parent-div {
     width: 400px; /* 可以调整为需要的最大宽度 */
     overflow-x: hidden;
     white-space: nowrap; /* 防止文本换行 */
   }

2. **响应式设计**：如果父 `div` 宽度应根据内容动态调整，可以考虑采用 `max-width` 和 `overflow-x` 组合，当内容超过最大宽度时隐藏溢出部分：

   .parent-div {
     max-width: 100%; /* 或者某个自适应值 */
     overflow-x: auto;
     -webkit-overflow-scrolling: touch; /* 提供平滑滚动 */
   }

   @media screen and (min-width: 600px) { /* 或者其他条件 */
     .parent-div {
       max-width: none;
     }
   }

3. **浮动或定位**：如果你想保持内联样式，可以考虑将内部 `div` 浮动或使用绝对定位，但是这可能会对布局有影响，因为它们不再占据一行：

   .inner-div {
     float: left; /* 或 position: absolute; top: 0; left: 0; right: 0; */
   }