Internet explorer 显示下100%高度:IE中的表格单元格
我希望div下的子元素“display:table cell”占据父div的整个高度 有人知道为什么下面的代码片段在Chrome和FF中像一个符咒一样工作,并且在IE下出现,包括10个 HTML: 谢谢。IE 11中的相同问题:-( 显然,表格单元格的高度行为不属于规范的一部分 刚找到这个帖子: 真是糟透了!!!IE 11中的同样问题:-( 显然,表格单元格的高度行为不属于规范的一部分 刚找到这个帖子: 真是糟透了!!!可能重复的可能重复的Internet explorer 显示下100%高度:IE中的表格单元格,internet-explorer,height,Internet Explorer,Height,我希望div下的子元素“display:table cell”占据父div的整个高度 有人知道为什么下面的代码片段在Chrome和FF中像一个符咒一样工作,并且在IE下出现,包括10个 HTML: 谢谢。IE 11中的相同问题:-( 显然,表格单元格的高度行为不属于规范的一部分 刚找到这个帖子: 真是糟透了!!!IE 11中的同样问题:-( 显然,表格单元格的高度行为不属于规范的一部分 刚找到这个帖子: 真是糟透了!!!可能重复的可能重复的 <body> <div
<body>
<div class="table">
<div class="table-cell">
this normally has 100%
</div>
<div class="table-cell">
<div>
this should get height 100% too
</div>
</div>
</div>
</body>
.table {
display: table;
height: 100%;
}
.table > div:first-child {
height: 300px;
background: #f00;
}
.table-cell {
display: table-cell;
vertical-align: top;
height: 100%;
}
.table-cell > div {
height: 100%;
background: #0c0;
}