我在网页的一侧布置了一个选项卡式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)在Firefox中更改高度值似乎不受影响,并扩展了页面

最佳答案

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

07-24 16:34