Question

我有一个外部DIV如下。当我在浏览器中检查时，给出类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％，但红色背景不会限制它内部的表格。

Answer 1

我想说在div.container上设置宽度100％会让它按照你想要的方式工作。

如果情况并非如此，我可能无法正确理解您的问题。如果您在http://www.jsfiddle.net中抛出一个示例，那将会有所帮助，因此不会产生混淆。

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

尝试设置table-layout:fixed;并设置100％宽度。