表格高度修复不适用于引导式百分比布局

Question

我可能在这里遗漏了一些明显的东西，但是当将流体布局更改为 display:table 和 table-cell 时，我注意到了一个奇怪的效果。 （如描述here、here，显示here。

尝试将 display:table 和 table-cell 单元格添加到现有的流体布局中，并且行向上弯曲，实际上并没有扩大高度。例如，如果您转到 http://odetocode.github.io/bootstrap-samples/samples/bootstrap-layout.html 并选中顶部的所有样式表复选框，然后在检查器中的选择器中添加几个规则：

.row { display:table-row;}

.row >div {display:table-cell;}

并向其中一个单元格添加一些内容，您会发现它实际上并没有扩大高度，而且奇怪的是，添加 display:table 或 table-row 实际上会使行不那么宽，出于某种原因？

我是否看到了 table css 的一些未记录的功能，或者引导程序的样式与这种类型的动态高度修复不兼容？

Answer 1

试试：.row > div {display:table-cell;float:none}

表格单元格不能在浮动的元素上正常工作。