Question

我有一个使用程序自动生成的表。该程序指定每列具有特定的max-width。我希望包含div只需要适合表格所需的宽度。页面上还有其他元素可能超出表格的宽度。所以我想知道是否有办法妥善解决这个问题。

你可以在这里看到我在说什么： http://jsfiddle.net/ck9TB/1/

没有“免责声明”div似乎很好，所以我想也许我需要调整它？

非常感谢任何帮助！

Answer 1

我想你想要这样的东西。

首先，将ID更改为类.logTable而不是#logTable，这会照顾max-width的规则。

将display: inline-block应用于.logTable，这会使div采用缩小到合适的宽度。

.logTable {
    border: 1px dashed blue;
    display: inline-block;
}
.logTable th, .logtable td {
    max-width:105px;
}

蓝色虚线边框显示.logTable的边缘。

浅蓝色背景来自body的背景颜色，与.logTable无关。