滚动相对于父div来孩子的div水平滚动

我有以下的HTML代码：滚动相对于父div来孩子的div水平滚动

<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的内容）。任何帮助将深表感谢。

谢谢

来源

2010-11-01 Asif

这不正确的做到这一点？如果你想滚动horiontally overflow-x：auto;溢出-γ：隐藏; 会允许那 – Breezer 2010-11-01 11:27:23

是的，CSS可以做到这一点，但它不会给我所需的结果。我想保留标题（父div的内容），并希望在正文上滚动。就像MS Excel中的“冻结”窗格选项一样 – Asif 2010-11-01 13:17:23

有一个CSS white-space:nowrap属性，可能工作。

您可能会遇到的一个问题是，大多数HTML文本将在默认情况下换行。您可能必须使用<pre>或<code>标签才能在父行div内水平滚动，而不会换行符，如果这是您正在寻找的内容。

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

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

来源

2010-11-02 03:05:49 KyleWpppd

滚动相对于父div来孩子的div水平滚动

回答

相关问题