Question

我的困境：我在页面的内容div中有一个报告div。此报告在父文档中的ASP包含文件中动态生成，并且可以根据返回的信息量在垂直高度上变化。我有一个应用于内容和报告div的样式，如下所示。但是，报告div不会滚动，即使它超出内容div（一旦滚动工作，overflow-y将设置为auto）。我可以通过在报表div上设置高度（以像素为单位）来修复它，但这不是理想的行为，因为大多数报表都没有溢出页面，它需要足够多才能根据浏览器窗口和显示来调整高度分辨率。

内容div：

#content
{
z-index:1;
    height:auto;
width:610px;
    position:relative;
    top:86px;
    left:151px;
overflow:hidden;
padding:5px;
font-size:14px;
    text-align:left;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

报告div：

#report
{
    height:auto;
    width:auto;
    overflow-x:hidden;
    overflow-y:scroll;
    border:solid 1px #000000;
    padding:10px;
    font-size:14px;
    text-align:left;
}

父文档中的代码块（请注意＆＃34;报告＆＃34;和＆＃34; byType＆＃34;只是根据用户点击显示或隐藏的命名div）：

<div id="content">
    <div id="reports" style="display:none;">
        <div id="report">
            <div id="byType" style="display:block;">
                <div class="reporttitle">
                    Incidents by Type
                </div>
                <!-- #include file="typeReport.asp" -->
            </div>

我已经用尽了相当广泛的CSS知识，试图弄清楚这一点。可能有一个显示值，我可以应用于报告div，将实现我想要的？请帮忙！

滚动条不滚动动态ASP生成的div内容

0 个答案: