IE7 文档标准中的 CSS 浮点数答案

【问题标题】：CSS Float In IE7 Document StandardIE7 文档标准中的 CSS 浮点数
【发布时间】：2014-01-14 15:21:55
【问题描述】：

我正在使用这个 YAML 页面 (fullpage_grids.html) 作为模板来增加页面。

问题是：在 IE7 中，应该水平对齐的底部 3 个 DIV 现在垂直堆叠在一起。

你能帮我修复一下这个页面吗？

【问题讨论】：

可能是因为 IE7 对 inline-block 的支持不完整......
@CarpeNoctumDC 我该如何解决？
似乎没有使用 inline-block。另外，我将 IE8 设置为 IE7 模式，底部 3 个 div 显示正确，水平对齐。
它将布局设置为 CSS 嵌套表格，如 table 和 table-cell;不是inline-block。
@Dean Burge 我在三台具有不同操作系统、不同分辨率的计算机上对此进行了测试。通过开发者工具将 IE8 文档模式设置为 IE7 标准：文档模式 -> IE7 标准。不是浏览器模式。

【解决方案1】：

这不是浮动问题，而是表格问题。你让细胞膨胀吗？

容器/行

.equalize,
.equalize .subcolumns {
  table-layout: fixed;
}
.subcolumns {
  display: table;
}

列/单元格

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

【讨论】：

【解决方案2】：

只是为了抛出另一个答案......

Quirksmode 有一个显示声明的兼容性列表 http://www.quirksmode.org/css/display.html

如果您绝对需要布局在 IE7 中工作，您可以考虑使用表格或水平无序列表

【讨论】：