Firefox和Chrome之间的布局差异

Question

我在网页的一侧布置了一个标签式用户界面，我已经使用表格，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）似乎不受在Firefox中更改其高度值的影响，并且延伸到页面

Answer 1

Gecko Vs WebKit，如果你想发布一些代码，我们可以提供帮助。我更喜欢使用从可用空间而不是百分比中提取的实际值。

Answer 2

让javascript帮助您而不是设置百分比高度。使用JS获取视口大小，将其与首选高度相乘（例如，85％高度为0.85），然后将值应用于元素高度。