此代码能有效的控制位置,感谢网友迪亚
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
</head>
<body onload="resize_rect();">
<div id="rect" style="position:absolute; background-color:Red;">
<table border="1" width="300" height="100">
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%">ffffffffff </td>
<td width="50%">ffffffffffffffff </td>
</tr>
</table>
</div>
<script language="javascript" type="text/javascript">
function resize_rect()
{
var o = document.getElementById("rect");
//o.style.width = document.body.clientWidth / 10 * 8 + "px";
// o.style.height = document.body.clientHeight / 10 * 8 + "px";
o.style.left = ( document.body.clientWidth - o.offsetWidth ) / 2 + "px";
o.style.top = ( document.body.clientHeight - o.offsetHeight ) / 2 + "px";
}
window.onresize = resize_rect;
</script>
</body>
</html>
<head>
<title>Untitled Page</title>
</head>
<body onload="resize_rect();">
<div id="rect" style="position:absolute; background-color:Red;">
<table border="1" width="300" height="100">
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%">ffffffffff </td>
<td width="50%">ffffffffffffffff </td>
</tr>
</table>
</div>
<script language="javascript" type="text/javascript">
function resize_rect()
{
var o = document.getElementById("rect");
//o.style.width = document.body.clientWidth / 10 * 8 + "px";
// o.style.height = document.body.clientHeight / 10 * 8 + "px";
o.style.left = ( document.body.clientWidth - o.offsetWidth ) / 2 + "px";
o.style.top = ( document.body.clientHeight - o.offsetHeight ) / 2 + "px";
}
window.onresize = resize_rect;
</script>
</body>
</html>