相对于子div水平滚动滚动父div

Question

我有以下HTML代码：

<div style="height: auto; width: 400px; overflow: hidden;" id= "parent">
   //dynamic content which makes width of the parent to overflow
   <div style= "height: 200; width: 400px; overflow: auto;" id= "child">
   // dynamic content which makes width of the child div to overflow horizontally and vertically
   </div>
</div>

有什么办法，我可以在滚动子div时水平滚动父div吗？ 实际上，我正在尝试冻结标题（父div的内容）并想要滚动数据（子div的内容）。任何帮助都将深表感谢。

由于

Answer 1

可以使用CSS white-space:nowrap属性。

您可能遇到的一个问题是，默认情况下，大多数HTML文本都会换行。您可能必须使用<pre>或<code>标记来获取父div内的水平滚动，而不会出现换行符，如果这正是您要查找的内容。

或者为了获得冻结窗格效果，您的评论表明您正在寻找，只需为标题和内容窗格使用单独的div。

<div id="container">
    <div id="header"></div>
    <div id="info"></div>
</div>