我有一个超文本标记语言
表标记如下
<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。我如何使它在不同的浏览器中统一。
在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; }