在div里面我的滚动条显示但不能使用它（不工作）

Question

#smry {
    background-color: #1AB294;
    width: 400px;
    height: 300px;
    float: left;
    margin: 5px 5px auto auto;
    overflow: auto;
}

<div id="smry">
    <h2>Current Account Details</h2><br>

    <?php 
        $sql = "SELECT * FROM username "; 
        $accdtl = mysql_query($sql); 
        while ($row = mysql_fetch_assoc($accdtl))
        { 
            echo '<table>
	            <tr width="100%"><td width="15%">User-Name</td><td width="15%" >Password</td><td width="10%">Type</td></tr>
	            <tr width="100%"><td width="15%" >'.$row['userName']; echo'</td><td width="15%" >'.$row['pass'];echo'</td><td width="10%" >'.$row['type'];echo'</td></tr>
	            </table>';
            echo '<br>';
        };
    ?>
</div>

所有其他的东西都在工作但是不能使用滚动条虽然它正在显示？我无法理解这个问题。

Answer 1

如果不能看到php返回的内容，那么很难尝试和诊断它。

把这些比特扔进一个小提琴并添加一些垃圾数据我得到this，这很好。

<div id="smry">
    <h2>Current Account Details</h2>
    <br>

    <table>
        <tr width="100%"><td width="15%">User-Name</td><td width="15%" >Password</td><td width="10%">Type</td></tr>

        <tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr>
    </table>
</div>

#smry {
    background-color: #1AB294;
    width: 400px;
    height:300px;
    float:left;
    margin : 5px 5px auto auto;
    overflow:auto;
}