css - display:table 属性在 IE7 中不起作用

Question

在 Asp.net MVC3 中出现以下错误。我在我的项目中使用以下 CSS。它适用于 IE8 和 IE9，但不适用于 IE7。
我想要它的解决方案。帮我解决这个问题

CSS是：

.divRow
{
    display: table;
    width: auto;
    clear: both;
    border-bottom: 1px solid #cccccc;
}


.AttlistHeading
{
    display: table-cell;
    width: 190px;
    overflow: auto;
    padding: 5px 5px 5px 7px;
    text-align: left;
    vertical-align: text-top;
    border-bottom: 1px solid #cccccc; /* border-right:1px solid #cccccc;*/
}
.divCellHeading
{
    width: 378px;
    overflow: auto;
    display: table-cell;
    text-align: center;
    padding: 5px;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.divcell
{
    /*display:table-footer-group;*/
    width: 378px;
    overflow: auto;
    display: table-cell;
    text-align: center;
    border-left: 1px solid #cccccc;
    padding: 5px;
}

Answer 1

如果您display:table; 在父 div 上使用，您应该在其中包含display:table-row;和display:table-column;- 元素。

display:tableie7 不支持http://www.quirksmode.org/css/display.html

Answer 2

如果您display:table;在父 dic 上使用，则应该在其中使用display:table-row;and display:table-column;-elements- 在这种情况下，浮动没有任何意义。 更多信息