Html Internet Explorer中的100%高度问题

Html Internet Explorer中的100%高度问题,html,css,internet-explorer,Html,Css,Internet Explorer,我有一个应用程序,在这个应用程序中,我的布局可以动态地获取bult。它可以像一张桌子(1X1、2X2或3X3)。 在Firefox和Chrome中,div ViewPortContent的大小调整正确。但在IE中什么也没发生。ViewPortContent没有调整大小,因此无法像在Firefox或Chrome中那样填充剩余内容。100%高度的atributte不能正常工作?你能帮忙吗 下面是我的JSFIDLE(在IE和Mozilla中试用) Palash在一般情况下是正确的,但您的情况稍微复杂一

我有一个应用程序,在这个应用程序中,我的布局可以动态地获取bult。它可以像一张桌子(1X1、2X2或3X3)。 在Firefox和Chrome中,div ViewPortContent的大小调整正确。但在IE中什么也没发生。ViewPortContent没有调整大小,因此无法像在Firefox或Chrome中那样填充剩余内容。100%高度的atributte不能正常工作?你能帮忙吗

下面是我的JSFIDLE(在IE和Mozilla中试用)


Palash在一般情况下是正确的,但您的情况稍微复杂一些。您需要向
.dhViewPortWrapper
类添加一个height指令,以获取要导出的高度,但设置的高度必须是分配给当前行的表格高度的比例。您将需要动态地分配它。因此,如果您知道将有两行,可以将
dhViewPortWrapper
div定义为:

<div class="dhViewPortWrapper" style="height: 50%;">


如果需要行具有动态高度,则需要了解如何计算高度并应用它们。

Palash在一般情况下是正确的,但您的情况稍微复杂一些。您需要向
.dhViewPortWrapper
类添加一个height指令,以获取要导出的高度,但设置的高度必须是分配给当前行的表格高度的比例。您将需要动态地分配它。因此,如果您知道将有两行,可以将
dhViewPortWrapper
div定义为:

<div class="dhViewPortWrapper" style="height: 50%;">


如果您需要行具有动态高度,则需要了解如何计算高度并应用它们。

我认为IE和FFSory没有区别!我已经更新了JSFIDLE!看看你能不能把你的身体边缘调零。类似这样的东西:html,body{margin:0px;padding:0px;}你在哪个IE中测试它?我看不出IE和FFSory有什么区别!我已经更新了JSFIDLE!看看你能不能把你的身体边缘调零。类似这样的东西:html,body{margin:0px;padding:0px;}您在哪个IE中测试它?