Html 如何将CSS表DIV约束在另一个DIV中？

我有一个外部DIV，如下所示。当我在浏览器中检查时，给定class

colx2 right

的外部DIV是其内部几乎一半区域的正确大小

.colx2-right {
    float: right;
    margin-bottom: 0;
    width: 48%;
}

在上面的DIV中，我有一个CSS表，定义如下：

div.container {
    display: table;
}

如果其中一列中有大量数据，则文本会溢出

colx2 right

DIV的边缘。是否有办法使其保持在

colx2 right

DIV的边界内

我制作了一把小提琴来显示这个问题。在这里，您可以看到黄色和红色背景的颜色仅小于50%，但红色背景并不约束表格内部

---

我想说，在div.container上设置100%的宽度应该可以让它按照您想要的方式工作

如果不是这样，我可能没有正确理解你的问题。如果你能举个例子，这样就不会有混乱，这会有帮助

另一个想法（尽管我从未在div上使用display:table）：既然您使用display:table，我们可能会认为div实际上是一个表。这也意味着表布局属性也适用

---

尝试设置

表格布局：固定并设置100%宽度。
我尝试将宽度：100%作为内联样式，但没有效果。看起来内部的DIV扩展到了它想要的程度，没有考虑外部的DIV。我想知道这是否是因为我使用的是CSS表（display:table）。我们将代码放到jsfiddle上。这样人们就可以准确地查看您拥有的内容并尝试在线修复它。当我使用CSS表时，使用TableLayout:fixed可以吗？希望我上传的小提琴能更好地显示我的问题。我确实尝试过表格布局，这确实适用于表格本身，但是右侧单元格中的文本超出了表格的边界。用小提琴固定：