我知道兼容性问题 - IE6-IE7中的单元格显示,我的目标是在同一行显示两个div显示单元格。在除IE6-IE7之外的所有浏览器上,两个div显示在同一行上。我注意到了一件事,在怪癖模式*浮动:左边的第一个div,div显示在同一行。如何在不使用仅有css的quircks模式的情况下将它们放在同一行上?
答案 0 :(得分:3)
使用此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;
}