可滾動的div與多個表

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