Html 具有第一列内容和第二列溢出的表-x自动

我正在尝试创建具有以下属性的2列表：

表必须适合其父容器

第一列必须适合其内容

第二列内容必须是水平滚动的，如果 超过桌子的宽度

► 我从以下代码开始：

（这里的css只是为了“查看”主容器和表格宽度：500px只是一个示例，它可以是任何值）

.main{
宽度：500px；
边框：1px纯黑；
}
桌子{
背景：rgba（0,0,0,0.5）；
}

内容1
短线
内容2
AveryVeryVeryVeryVeryVeryLongstringWithoutspaces

您可以对

使用
单词break:break all


.main{
宽度：500px；
边框：1px纯黑；
}
桌子{
背景：rgba（0,0,0,0.5）；
宽度：100%；
}
.二{
单词break：打破一切；
}

内容1
短线
内容2
AveryVeryVeryVeryVeryVeryLongstringWithoutspaces
这是个不错的选择，谢谢！如果找不到使用溢出的方法，我可能会使用这个：）