有以下测试代码。
<!DOCTYPE html>
<html style="min-width:100%;min-height:100%;height:100%;width:100%">
<body style="margin:0;min-width:100%;min-height:100%;height:100%;width:100%">
<div style="display:table;width:100%;height:100%;min-wight:100%;min-height:100%;">
<div style="display:table-row;background:red;">A</div>
<div style="display:table-row;background:green;">
<div style="display:block;background:yellow;width:100%;height:100%;">B</div>
</div>
<div style="display:table-row;background:blue;height:50px;">C</div>
</div>
</body>
</html>
Firefox 它显示黄色 div 小(作为 table-row 但设置为 display:block)。歌剧也是。Chrome 在绿色 div(表格行)的 100% 高度显示黄色 div。
我需要它在 Firefox、Opera、IE>8 和 Chrome 中一样工作!
更新:
我发现以下问题:
<!DOCTYPE html>
<html style="min-width:100%;min-height:100%;height:100%;width:100%">
<body style="margin:0;min-width:100%;min-height:100%;height:100%;width:100%">
<div style="display:table;width:100%;height:100%;min-wight:100%;min-height:100%;">
<div style="height:50px;display:table-row;background:red;">A</div>
<div style="display:table-row;background:green;">
<div style="display:table-cell;background:yellow;">
<div style="display:block;width:100%;height:100%;background:darkred;">B</div>
</div>
</div>
<div style="display:table-row;background:blue;height:50px;">C</div>
</div>
</body>
</html>
在 Opera 中无法使用深色 div!