Html 设置表格列的宽度，使内容不受影响；t在某一点之后，表的外部泄漏和尺寸总体减小

我有一个包含两列（文件和用户）的表。我希望files列的宽度相对于整个表的宽度大约为30%，users列的宽度为70%。然而，这些列的宽度是增加还是减少取决于放入其中的内容-它们没有设置为30%或70%。例如，如果我在文件中放置一段较长的文本，则该列的宽度将变为约40%，而第二列的宽度将变为约60%

此外，如果我调整窗口的大小并使其变小，表和内容就会泄漏。当这一点发生时，我希望整个表的大小变小，而不是从页面中泄漏出来

有人能帮我吗？不知道如何创建它

到目前为止，我的html和css都是这样：

HTML:

这就是它现在的样子：

---

我不知道我是否正确理解了您的问题，但是如果您使用css并将表中的th标记分别设置为30%和70%。

更新：我最终解决了问题。在css中，我添加了

表格布局：fixed表下和
换行：断开单词在td，th下。希望这能帮助任何人解决这个问题。
这能回答您的问题吗？
<div class="panel-body">
    <br>
    <div class="outputDiv">
        <table id="sharedOthers">
            <thead>
                <tr class="headings">
                    <th class="files">Files</th>
                    <th class="users">Users</th>
                </tr>
            </thead>
            <tbody id="bodyOthers">
                <tr id="rowOthers">
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

table {
    width: 100%;
    font-size: 12px;
    overflow: auto;
}
th {
    background-color: #ccdfee;
}
td, th {
    border: 1px solid #cecece;
    text-align: left;
    padding: 10px 10px 10px 16px;
}
tr:nth-child(even) {
    background-color: #f6f7f8;
}
.files {
    width: 30%;
}
.users {
    width: 70%;
}