Html 百分比宽度内百分比宽度-长单词调整表格大小

假设我有以下代码：

<table id="container" style="width: 100%">
        <tr>
        <td id="col1" style="width: 50%">
            <div class="someElement"></div>
            <div class="someElement"></div>
            <div class="someElement"></div>
        </td>
        <td id="col2">
            <div class="someElement"></div>
            <div class="someElement"></div>
            <div class="someElement"></div>
        </td>
    </tr>
</table>

我希望某个元素具有“宽度95%”（分别为“col1”或“col2”）。问题是，someElement包含大量文本，当有很长的单词时，someElement会更改整个表的宽度。我正在使用“word wrap:break word”属性。我知道我可以给容器一个固定的宽度，但我希望容器始终占据95%的宽度，而不管用户的屏幕分辨率如何

---

我该如何处理这个问题？

你没有结束你的div。这可能是其中一个问题=）对不起，我键入此代码只是为了给出一个示例，但在我的真实代码中，div正在关闭

overflow:auto

和

overflow:hidden

浮现在我的脑海中。你在找这个吗？可能重复的