Firefox与Chrome的版图差异

Question

我在网页的一侧放置了一个选项卡式UI，并使用表、div和trs的高度/宽度百分比值完成了整个工作。

在Chrome中，页面看起来是正确的，但在firefox中，某个表似乎不受其高度设置的影响，并扩展到页面之外。

这里会发生什么事？

更新：我知道，发布代码帮助我只是不知道在这种情况下它会有多大帮助。

var msgStr = 'div style="height:98%; background-color: #FFFFFF; border-width:1px;border-color:#000000; border-style:solid;"';

// Page Header
msgStr += 'table align="center";    
msgStr += 'tr td align="center"';
msgStr += 'h2 i Vehicle font color="FF0000"' + curVehicle  + '/font Messaging Log: /i /h2';
msgStr += '/td /tr /table';

// Message Box
msgStr += 'table id="msgTable" height="85%" width="100%"';

此表(msgTable)似乎不受火狐中它的高度值的影响，并延伸到页面之外。

Answer 1

让javascript帮助您，而不是设置百分比高度。使用JS获取视口大小，并将其与首选高度相乘(例如。0.85表示85%的高度)，然后将该值应用于元素高度。

Answer 2

壁虎和WebKit，如果你想发布一些代码，也许我们能帮上忙。我更喜欢使用从可用空间中提取的实际值，而不是百分比。