假设我有这段代码:
<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>
我希望someElement具有“宽度95%”(分别为“col1”或“col2”)。问题是,someElement包含大量文本,当有很长的单词时,someElement会改变整个表的宽度。我正在使用“word-wrap:break-word”属性。我知道我可以给容器一个固定的宽度,但我希望容器总是占据宽度的95%,无论用户的屏幕分辨率如何。
我该如何处理?