html - 为什么 Chrome 会覆盖高度和溢出 CSS

Question

我在 plunker 中的以下页面有问题.我也在 plunker 之外对其进行了测试，得到了相同的结果。我的问题是以下 CSS 以某种方式丢失了。当我在 chrome 中查看计算的 CSS 时，宽度和高度是不同的，即使我可以看到它识别了该规则。我正在使用 Bootstrap CSS。

table.scroll {
   width: 40px;
   height: 40px;
   overflow: scroll;
}

编辑:

目的是让表格可以滚动。但是没有出现滚动条。 CSS 看起来是正确的，但显然它不适用于表格。浏览器会忽略 CSS。

Answer 1

According to the W3C, user agents may reflow tables if the width of their cells is greater than the width that the author specifies. Chrome 不可能将所有这些数据都放在一个 40x40 的表格中，因此它会按比例放大以适应。

There are some ways to fix the width of the area containing a table, but it will probably require extra markup.