html - 如何在单行上显示表格单元格（IE6-IE7）？

Question

我知道 IE6-IE7 中的兼容性问题单元格显示，我的目标是在同一行显示两个 div 显示单元格。在除 IE6-IE7 之外的所有浏览器上，两个 div 显示在同一行。不过，我注意到一件事，将 quirks mode * float: 放在第一个 div 的左侧，div 显示在同一行。如何在不使用仅 css 的 quirks 模式的情况下将它们放在同一行？

Answer 1

使用这个 CSS：

body{
    margin: 0
}
#table{
    display: table;
    width: 100%;
    height: 50px;
    *overflow:auto;
}
#r1{
    display: table-cell;
    width: 30px;
    background-color: black;
    *float:left;

}
#r2{
    display: table-cell;
    width: 30px;
    background-color: #eee;
    *float:left;
}