提问者:小点点

如何在chrome和fire fox上设置表高度


我有一个超文本标记语言表标记如下

<table class="globaltable" border="0" cellspacing="0" cellpadding="0" width="100%" align="center" height="72%" onclick="alert(this.offsetHeight)">  

其中在IE8中,我的onclick值为420,在chrome中为480,在fire fox中为472。我如何使它在不同的浏览器中统一。


共3个答案

匿名用户

style属性中提及高度。如果您在px中使用高度,它在所有浏览器中都很常见。如果您使用%,它会根据浏览器的可计算性而有所不同。

<table class="globaltable" border="0" cellspacing="0" cellpadding="0"  width="100%"
 style="height: 720px;" align="center" onclick="alert(this.offsetHeight)">  
<tr>
    <td>

    </td>
</tr>

匿名用户

好吧,那么你把桌子设置为什么的72%???

您需要将文件添加到您的html、body css文件中

html, body{
    height: 100%;
}

这将允许所有浏览器中的表相同,因为您已经将父级设置为高

匿名用户

Height参数基于浏览器工具栏和工具,它们会增加或减少空间。您正在使用72个可见空间。例如,如果您恢复窗口并增加页面的高度,您将在任何浏览器中看到不同的大小。那么,我们该怎么办?我建议您使用基于像素大小的页面高度,如下所示:而不是

html, body { height :100%; }

使用

html, body { height :300px; }