如何在HTML文本展示显示滚动条

在外部编写div

   <div id="content" class="popup-container">
   在这里输入您的文本...

    <table>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
    </table>
    </div

编写外部div样式

 .popup-container {
            display: none;
            position: fixed;
            top: 12%;
            left: 10%;
            width: 60%;
           height: 80%;
            transform: translate(12%, -5%);
           background-color: #eae7e7;
            padding: 20px;
            box-shadow: 0px 0px 10px rgba(238, 224, 224, 0.5);
            overflow: auto; /* 添加滚动条 */
            border: 1px solid #ccc;
    }

编写表格样式

table {
            border-collapse: collapse;
            width: 100%;
        }
        th, td {
            border: 1px solid #ccc;
            padding: 8px;
            text-align: center;
        }