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

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实际上使得行不那么宽，出于某种原因？

我是否看到了表css的一些未记录的功能，或者是关于bootstrap的样式与这种类型的动态高度修复不兼容？

Answer 1

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

表格单元格无法在浮动的元素上正常工作。