Question

我有一个div包含多个具有可变行数的表，我需要使这个东西可滚动。

<div style="overflow-y: scroll;">
    {% regroup documents by upload_time|date:" d F o" as documents_by_date %}
    {% for document in documents_by_date %}
    <table style="text-align: left; margin-top: 15px; width: 100%;">
    <tr>
        <th width="70%">{{ document.grouper}}</th>
        <th align="center"> Uploaded by </th>
    </tr>
    {% for doc in document.list %}
    <tr>
        <td>
            <a href="{{ doc.docfile.url }}">{{ doc.filename }}</a>
        </td>
        <td align="center">
            {{doc.upload_user}}
        </td>
    </tr>

    {% endfor %}
    {% endfor %}
    </table>
</div>

现在这显示了一个滚动条，但它不起作用。我几乎没有html和CSS的经验...

Answer 1

您必须指定height才能使其滚动，否则将需要100%高度，并且只会显示滚动条。

 <div style="overflow-y: scroll;height:500px">
     [Omitted for brevity]
 </div>

红色更多关于Overflow-y

具有多个表的可滚动div

1 个答案: