CSS浮动在IE7文档标准中

Question

我正在使用此YAML页面（fullpage_grids.html）作为模板来提升页面。

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

你能帮我解决一下这个页面吗？

Answer 1

这不是浮动问题，而是表问题。你正在扩大细胞吗？

容器/行

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

列/细胞

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

Answer 2

只是在那里抛出另一个答案......

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

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