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

如果您在父div上使用display:table;，则应该有display:table-row;和display:table-column; - 元素。

ie7 http://www.quirksmode.org/css/display.html

不支持

display:table

Answer 2

如果您在父词组上使用display:table;，则其中应包含display:table-row;和display:table-column;-elements - 在这种情况下浮动没有任何意义。的 more info

display：表属性在IE7中不起作用

2 个答案: